Back in 2015 I posted an answer on Stack Overflow to the problem of searching and ordering by text or select inputs in a table powered by DataTables. One of the recent comments prompted me to update my answer and post it here.
JavaScript
jQuery DataTables: Card view
There is an interesting thread on DataTables.net forum demonstrating ability to present table rows as cards.
Predefined options for Select2 control using remote data source
Recently I needed to have a control powered by Select2 plug-in using remote data source and give user a list of predefined suggestions. There is no built-in support for that but gladly there is a workaround.
Google Maps JavaScript API Tips
In one of the projects I needed to use Google Maps JavaScript API Places Autocomplete widget. Although I have used it before, I discovered a few gotchas while setting up a Google Cloud Platform account.
jQuery DataTables: How to show loading indicator during table reload
There are some tricks to show loading indicator when retrieving data via Ajax request using jQuery DataTables.
How to increase print quality of PDF file with PDF.js viewer
PDF.js is a great plug-in to display PDF files in the browser. However by default PDF.js uses 150 DPI print resolution which sometimes results in fuzzy and blurry images and text.
How to print labels from a web page to Zebra thermal printer
jQuery DataTables: COLSPAN in table body TBODY
Officially jQuery DataTables doesn’t support COLSPAN or ROWSPAN attributes for a cell in table body. I already wrote how to use ROWSPAN attribute with jQuery DataTables. Today I am going to demonstrate a trick to use COLSPAN attribute for HTML and Ajax sourced data.
jQuery DataTables: How to expand/collapse all child rows
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.
Read More
jQuery DataTables: Row grouping and checkboxes (part 2)
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.
I added example demonstrating how to group rows in a table powered by jQuery DataTables plug-in and display checkboxes using Checkboxes plug-in, see RowGroup page for more details.
