If you are displaying a form in a table powered by jQuery DataTables library, you probably know it is a challenge to submit form data from all pages, not just current page. In fact this is one of the most frequently asked questions on Stack Overflow and that is why I am going to address it today.
Laravel DataTables adds server-side processing capabilities for a table powered by jQuery DataTables to a Laravel application. There is official site with detailed documentation and good examples. However I couldn’t find an example of using orthogonal data for sortable and searchable fields containing timestamps.
Responsive extension for jQuery DataTables is a great tool to solve the problem of displaying large tabular data for smaller screen devices. However it’s use with other extensions like Select extension requires special handling.
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.
One of the most common issues with tables using jQuery DataTables and Bootstrap framework is when the table is initially hidden, for example in inactive tab or accordion menu. When user activates the tab or opens the menu and table becomes visible, it usually has columns with incorrect width or unexpected behavior.