EDIT: See the latest Fiddle with “fixed header”: The Fiddle. One of the solutions is to implement scrolling yourself instead of letting DataTables plugin do it for you. I’ve taken your example and commented out sScrollX option. When this option is not present DataTables plugin will simply put your table as is into a container … Read more
It’s important that your THEAD not be empty in table.As dataTable requires you to specify the number of columns of the expected data . As per your data it should be <table id=”datatable”> <thead> <tr> <th>Subscriber ID</th> <th>Install Location</th> <th>Subscriber Name</th> <th>some data</th> </tr> </thead> </table>
It may be useful to summarize the main points in one place, for future visitors to this question: Server-Side Requests When using serverSide: true, DataTables sends an Ajax request to your server. This request is generated automatically by DataTables whenever a table re-draw takes place (and when the table is first initialized). The main actions … Read more
You can override the built in search / filter with a custom filter : $(‘.dataTables_filter input’).unbind().on(‘keyup’, function() { var searchTerm = this.value.toLowerCase(); $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) { //search only in column 1 and 2 if (~data[0].toLowerCase().indexOf(searchTerm)) return true; if (~data[1].toLowerCase().indexOf(searchTerm)) return true; return false; }) table.draw(); $.fn.dataTable.ext.search.pop(); }) By this the “normal search” only applies to … Read more
found out that the lazy datamodel must be the same instance on postback request, even a new instance with the very same values will not work. so it must be provided from at least a @ViewScoped bean.
CAUSE jQuery DataTables removes non-visible rows from DOM for performance reasons. When form is submitted, only data for visible checkboxes is sent to the server. SOLUTION 1. Submit form You need to turn elements <input type=”checkbox”> that are checked and don’t exist in DOM into <input type=”hidden”> upon form submission. var table = $(‘#example’).DataTable({ // … Read more
Datatables does not support this kind of grouping out of the box. But, as in many cases, there is a plugin available. It is called RowsGroup and is located here: Datatables Forums. A live example is also included. If you change the JS part in this example to the below you will have your desired … Read more
I had this problem, I found because I had copied the CDN script to my local machine it wasn’t referencing the images correctly anymore as @Matt2012 pointed out. So my solution was to updated the CSS file to look for those images where I want to put them, after I saved them also. See this … Read more