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 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.
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.
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 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.
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.
You may need to handle clicks or other events in a table powered by jQuery DataTables plug-in. However if the event handler is attached incorrectly, it will not be called for pages other than first or when the table is sorted or filtered.
By default, pagination control in a table using jQuery DataTables plug-in shows ellipses (...) when number of pages exceeds certain number. This reduces number of pages shown simultaneously and in certain cases it may be desirable to show pagination control without ellipses.
It’s not a trivial task to work with checkboxes in a table enhanced using jQuery DataTables plug-in. It’s even more complex to find a solution that would work in different scenarios: client-side processing, server-side processing, deferred rendering, etc. In this article we will try to describe universal solution to add a checkbox column to a table and allow multiple row selection using checkboxes.
