Tag Archives: dataTables

jQuery DataTables: How to destroy a DataTable instance

datatables-jquery-screenshot

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 completely different format but want to reuse the selector currently bound to the existing table.
Continue reading

Posted in jQuery | Tagged , , , | Leave a comment

jQuery DataTables with Lots of Columns Crashes in IE

If you are using the brilliant jQuery DataTables plugin to present your data in nifty dynamic tables, and are using it in a server-side loading context, you have no doubt encountered the issue when a table with a lot of columns (more than 20) fails to load (in other words stays in “processing” mode) when browsing using Internet Explorer (IE). Continue reading

Posted in jQuery | Tagged , , , , , , | 3 Comments

jQuery DataTables: How to Force Specific Column Widths

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. Continue reading

Posted in Technology & Code, Tutorials | Tagged , , , , , | 1 Comment

jQuery DataTables: How to Use jQuery ThemeRoller CSS Styling on Your Table

As a bonus, the awesome jQuery DataTables plugin (which I religiously use on all my work-related HTML tables nowadays) comes with the option to enable jQuery ThemeRoller styling with a simple switch of an initialisation parameter! Continue reading

Posted in Technology & Code, Tutorials | Tagged , , , , , | Leave a comment

jQuery: Bind an onClick Event to an Item in a DataTables Row

Because the DataTables was being fed through a server-side script, in other words the actual table data is loaded by the DataTables plugin itself, my jQuery function that was supposed to interact with the clicking of a smiley face couldn’t work because the elements it was meant to interact with simply didn’t exist when the page’s initial DOM tree was being loaded. Continue reading

Posted in Technology & Code, Tutorials | Tagged , , , , , , , | 13 Comments