Search

Link to test case: https://jsfiddle.net/thelittlewozniak/ban0jedv/3/ Debugger code (debug.datatables.net): / - No error Error messages shown: No error shown Description of problem: Hi, I have an issue with my DataTable. I tried to set a specific width for the first column named "worker," as you can see in the JSFiddle. When I set "autoWidth" to true and also set the width to "800px", the column does not get the expected size. columns: [ { title: "Travailleurs", data: "worker.name", name: "worker", editField: "worker.id", width: "800px", }, ... ] I also tried setting the width using columnDefs, but that didn’t work either: columnDefs: [ { targets: 0 , width: "800px" }, ] Am I missing something? Can someone help me understand why this is not working? I also disabled fixedColumns, fixedHeader, ScrollX, and ScrollCollapse, but the column size still does not change. Thank you for your help! :)

Duplicate of this thread. See answer there. Kevin

Thank you for responding. If you have any update pls let me know!

Is there a way to have this applied to all selected rows No, not with server-side processing enabled - sorry. Editor relies on the data being present client-side, but that is only the case for the visible rows when server-side processing is enabled. Allan

If I correct the loading errors in the example, it appears to work for me: https://jsfiddle.net/L3mnpe57/ . The changes made: Change the location of the YADCF JS script since raw github content doesn't serve the correct mime type header for JS. Move the DataTable and jQuery script before Bootstrap (BS4 depends upon jQuery) Load jQuery-UI for the datepicker. I should note that YADCF is not created by myself and I can offer no support for it here. Allan

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