How to make columns Sticky ?

Sanit Kale

I have tried everything but not able to make columns sticky

           var dataTable = $('#page').DataTable( {
           "processing": true,
       "oLanguage": { "sSearch": "Search:" },
           "bDestroy": true,
            "bPaginate": true,
            "bLengthChange": true ,
            "bFilter": true,
    "bStateSave": true, // 
            "bSort": true,
        "lengthMenu": [[5,10, 25, 50, 100, 200, -1], [5,10, 25, 50, 100,200, "All"]],
            "bInfo": true,
            "bAutoWidth": false,
            "bDeferRender": true,
            "bRetrieve": true,
           " bSelect": true,
        "sAjaxSource":"server.php",
        }); 

I have tried both methods

"fixedColumns": { leftColumns: 3 },

and this also

new $.fn.DataTable.FixedColumns( dataTable, { leftColumns: 2 } );

but nothing is working

any help would be appreciated...!!

tangerine

When you tried FixedColumns, did you include the FixedColumns extension?

colin

Yep, as @tangerine suggested, it's likely because you're not including the necessary files. If you look at this example here, ensure you have the necessary files listed on the Javascript and CSS tabs beneath the table.

Cheers,

Colin