Search

Link to test case: https://jsfiddle.net/nvrdq7kp/7/ **Debugger code: opizok (Actual real code not test case) actual code not test case: Uncaught TypeError: t is undefined n https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 t https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 jQuery 6 Ne https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 n https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 Me https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 V https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 jQuery 2 V https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 DataTable https://172.18.10.44:8443/GP-ERP/resources/theme-default/updated/js/datatables222.min.js:16 https://172.18.10.44:8443/GP-ERP/ProductController/getNewProductScreen:2660 jQuery 13 For whatever reason , i want to use datatables 2.2.2 but i also need "yadcf" or similar functionality yadcf now requires a new version https://raw.githubusercontent.com/vedmack/yadcf/refs/heads/master/2.0/jquery.dataTables.yadcf-2.0.js so, I just added in the replacement libraries but now the code causes errors. I have tried to get as close to the original code with the "test case" basically it's just a simple Datatable with ajax data & "yadcf" if i drop the: DataTables 1.13.6 jquery.dataTables.yadcf.js 0.9.4 then the thing is flawless... but if i use DataTables 2.2.2 jquery.dataTables.yadcf-2.0.js it fails just showing "loading"

See this example. Kevin

You need to tell Buttons about JSZip. See this example. Allan

Link to test case: https://live.datatables.net/yexadosi/1/ Description of problem: When all the data in both columns and both tables is the same size then there is no issue. But in case some values are longer then the headers will not be sized correctly as displayed in the attached picture. After some action like for example when user uses the search feature, headers will be fixed automatically. I already tried some suggested solutions like: 1) columns.adjust() 2) fixedHeader extension 3) css: table-layout: fixed

See if this example from this thread helps. Kevin

Understood. I would not have thought of that. Thanks

Hi, I have the following problem. My datatable has multiple header lines, the second one being with column search inputs. Also, I have the Colvis and Colreorder plugins enabled. When I mousedown on a column search input, Colreorder kicks in and I can drag the column. Which is not what I want. I can disable this behaviour by registering an event handler like the following: $('input.localSearchInput').on('mousedown', function (event) { event.stopPropagation(); }); Now, the problem is, when I enable a previously invisible column with Colvis, the event handler doesn't apply to that "newly visible" column. I found out that I probably need a delegated event handler in this case: $(document).on('mousedown', 'input.localSearchInput', function (event) { event.stopPropagation(); }); The problem here is: it doesn't stop the mousedown event from propagating to Colreorder, unlike when I'm directly registering on input.localSearchInput and I do not understand why. Does anybody have an idea? Thanks a bunch in advance.

https://live.datatables.net/veyasecu/1/ I'm using the className property on my columns to set the text colour of the values in the fields. But it also changes the text colour of the header field. Is there a way to apply a class to just the data fields, and leave the header field with the default text colour?

State saving the column order, even after they are reordered seems to work in this example. Maybe I'm not understanding the problem statement. If you want to change the default behavior of how the states are saved/loaded then use stateSaveCallback and stateLoadCallback. Kevin

Great, thanks for the quick response!