-
Aug
16thjQuery DataTables: How to Force Specific Column WidthsI’ve mentioned the wonderful jQuery plugin DataTables a number of times before, the awesome little trick that instantly transforms any HTML table fed to it into a fully sortable, paginated, searchable and zebra-striped table, requiring the most minimum of coding to implement.
Today’s tip looks at how you can specify what column widths to use in your DataTables implementation, instead of relying on the default auto column widths assigned by the plugin.
Firstly, you need to turn off DataTable’s built in auto column width calculator by feeding it a false value for the bAutoWidth switch when initialising your DataTable object. Next, you need to feed the column widths you wish to use directly into the initialization by means of the aoColumns definitions, making use of the sWidth switch to specify the width.
Looking at this in code, you should now have:
$('#activitylog').dataTable( { "bAutoWidth": false, "aoColumns": [{"sWidth":"60%"},{"sWidth":"20%"},{"sWidth":"20%"}] } );Nifty.
Related Link: http://datatables.net/
- ‹ Code Geass: Lelouch of the Rebellion R2 Cosplay: C.C. (Himeno Shirayuki)Step Up to Blur, Karate and a little bit of Family Time ›
-
Lalitha Sharma
-
Frank
Related Posts:
I've mentioned the wonderful jQuery plugin Datatables a number of times before, the awesome little trick that instantly transforms any HTML table fed to it into a fully sortable, paginated, searchable and zebra-striped table, requiring the most minimum of coding to implement. Today's quick tip is on how to disable ...
I somehow missed this breezing through the available documentation on the DataTables website, but basically the question arose on how to force a table that has just been loaded (with Datatables applied naturally) to be sorted in a particular manner by default? Well it turns out that the answer to this question is ...
I’ve mentioned the wonderful jQuery plugin DataTables a number of times before, the awesome little trick that instantly transforms any HTML table fed to it into a fully sortable, paginated, searchable and zebra-striped table, requiring the most minimum of coding to implement. Today's tip looks at how you can quick ...
I really do love the awesome DataTable plugin which creates useful dynamic, with oodles of extra functionality, tables out of plain old vanilla HTML tables. Today's quick tip however looks at how one destroys an already instantiated DataTable instance, say because you want to recreate it at a later stage in a compl ...
DataTables is a brilliant jQuery plugin that instantly adds a full set of advanced interaction controls over whatever HTML table it gets attached to. It's flexible, well-coded and does the job in a fantastic manner, thereby lifting a lot of grunt work off any developer who doesn't feel like creating table controls ...
