Search

Can you link to a test case please? I'm afraid this sort of thing really needs a test case to be able to debug. Allan

I use a CSS through the ::before pseudo element to create that triangle: table.dataTable.dtr-column > tbody > tr > td.dtr-control::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control::before, table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before { } Is the full selector. Set the border-width to be 0 and then apply a background image, or content or whatever format it is that you have to display the icon you need. I'd suggest right clicking on the the element and selecting "Inspect" to see the CSS that is applied to the element. Allan

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!

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