jQuery DataTables plugin doesn’t yet support COLSPAN
and ROWSPAN
attributes in table body. However there is a RowsGroup plugin for jQuery DataTables that emulates appearance of using ROWSPAN
attribute by grouping cells together.
Web Development
jQuery DataTables: Responsive and Select extensions
Responsive extension for jQuery DataTables is a great tool to solve the problem of displaying large tabular data for small screen devices. However when Responsive extension is used with other extensions like Select extension, that requires special handling.
Read More
jQuery DataTables: Alphabetical Search
jQuery DataTables plugin includes an interesting feature: alphabetical search. However despite its superb functionality it lacks support for search so I decided to improve it while also adding row grouping, number filtering, localization and alternative sorting mechanism.
How to reset file input with jQuery
There is no standard method to clear file input element (<input type="file">
) without resetting the whole form. However there is elegant way to do it with just a few lines of code using jQuery.
jQuery DataTables: Column width issues with Bootstrap tabs
One of the most common issues with a table using jQuery DataTables and Bootstrap framework is when the table is initially hidden. For example, your table is located in a tab, accordion menu or modal. When user activates the tab or opens the menu and table becomes visible, it usually has columns not working and having incorrect width or unexpected behavior.
Zazzle: Invoke a function and specify context for this
Looking for a job? Think you know JavaScript? Then this short JavaScript quiz would be as easy as pie.
jQuery DataTables: Row selection using checkboxes and Select extension
jQuery DataTables: Responsive extension and custom controls
Responsive extension is a great addition to jQuery DataTables which optimizes table layout for different screen sizes. It is achieved by dynamic addition/removal of table columns. However this causes a problem with custom controls shown in the columns being added/removed.
jQuery DataTables: Responsive extension and form inputs
jQuery DataTables plug-in can be used for tables containing form elements as shown in this example. However when combined with Responsive extension form elements loose their value when page width changes.
jQuery DataTables: Row reordering
There is a row reordering plug-in for jQuery DataTables that allows drag and drop row reordering in the table. Sadly this plug-in no longer works with DataTables 1.10 and above.