What, who, where am I?!?
Craig Lotter is a web developer based in Gordon's Bay, South Africa, who seems completely incapable of shaking off that pesky inner child within, the one that forces him to love all things animated or hand drawn.
The Rugged Rock of Craig contains snippets of his life, popular culture and all the important things like anime, manga, games and comic books. The CodeUnit of Craig on the other hand contains the more serious stuff like code snippets and tutorials, while the House of C chronicles his foray into the world of web comics.
For which it never seems he has enough time anyway.
CodeUnit Post Archive
Rugged Rock Studio
Tag Archives: dataTables
jQuery DataTables: How to destroy a DataTable instance

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
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
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 auto width, column width, dataTables, jQuery, plugin, width
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 css, dataTables, jQuery, jqueryui, theme, themeroller
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 ajax, bind, callback, dataTables, dom, fnDrawCallback, jQuery, smiley
13 Comments






