Defer Render

smarthomes

I have tried to get defer render to work and I have having trouble. I have read the documentation and I am still struggling.

Here is my code:

<table class="table table-bordered table-striped" id="contacts_table" style="width:100%;">
                <thead>
                    <tr>
                        <!---th>
                            Contact ID
                        </th--->
                        <th>
                            Active
                        </th>                        
                        <th>
                            Contact Type
                        </th>
                        <th>
                            Last Name
                        </th>                        
                        <th>
                            Name
                        </th>
                        <th>
                            Status
                        </th>                                                                          
                        <th>
                            Owner
                        </th>                        
                        <th>
                            Last Activity
                        </th>                                                                          
                        <th>
                            Tags
                        </th>
                        <th>
                            Actions
                        </th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>

<script type="text/javascript">

    var contacts_table = $('#contacts_table').DataTable({
        "ajax": '/cfcs/db_contacts.cfc?method=getContactsJSON',
        "initComplete": function(settings, json) {
            $('[data-toggle="confirmation"]').confirmation();
        },
        "info": true,
        "autowidth": true,
        "deferRender": true,
        "paging":   true,
        "pagingType": "full",       
        "pageLength": 25,
        "order": [[ 2, "asc" ]],
        "stateSave": false,
        "responsive": { details: false },
        "columns": [{
            //Contact ID
            //"visible": false
        //}, {
            //Active
            "visible": false            
        }, {
            //Contact Type
            "visible": false
        }, {    
            //Last Name
            "visible": false                
        }, {
            //Contact Name
            "orderable": true,
            "className": "all col-400",         
            "searchable": true          
        }, {
            //Status
            "visible": false,           
            "orderable": true,
            "searchable": true
        }, {
            //Owner
            "visible": false,               
            "orderable": true,
            "searchable": true
        }, {                        
            //Last Activity
            "orderable": true,
            "className": "desktop",         
            "searchable": true
        }, {
            //Tags
            "orderable": true,
            "className": "desktop",
            "searchable": true
        }, {
            //Actions
            "orderable": false,
            "className": "all col-30",      
            "searchable": false         
        }]
    });

</script>

smarthomes

Can anyone help with this?

allan

Very happy to help. If you link to a test case showing the issue I'd be happy to look into it. I'm not clear form the above what makes you think it isn't working. No error messages are given.

Allan