While answering questions on StackOverflow and DataTables forum I have seen a number of similar questions on how to open all child rows. Today I am going to demonstrate a couple solutions to this problem.
Today I was working on a client’s website to optimize existing WordPress installation. WordPress and most of the plug-ins required an update. After running the update I started getting blank screen when saving any page on the website or trying to purge all caches.
Back in February, 2017 I wrote about unofficial row grouping plug-in for jQuery DataTables, see jQuery DataTables: Row grouping and checkboxes.
However there is also official extension for row grouping – RowGroup. It works differently than unofficial plug-in and adds a separate parent row for a group of child rows.
Past version of jQuery DataTables had column reordering plug-in ColReorderWithResize that also provided the ability to resize columns by clicking and dragging the point between two columns. However this plug-in was not compatible with the latest version of jQuery DataTables.
Luckily Jeff Walter updated ColReorderWithResize to make column reordering and resizing work with jQuery DataTables 1.10 and released it under MIT license.
Recently I needed to add drag-and-drop support for an element that contained
iframe. When mouse pointer went over
iframe dragging stopped and that wasn’t accepted.
This is a typical problem for users just starting to use jQuery DataTables. It is caused by how it handles the table data.
I am using Mozilla Thunderbird as my desktop email client. Recently I switched my email provider from Rackspace to Gmail. When I finished setting up Thunderbird all folders such as Drafts and Sent mail appeared as sub-folders under [Gmail] folder when using IMAP protocol. Instead I wanted simple single-level structure and luckily there is a solution for that.