Search

Thanks, @allan -- I was just noticing how they looked on my website when I use floating labels in other areas. Thanks for all the great support!!!

I need more info. Do you actually have a question?

Duplicate of this thread. Please don't post duplicate questions. Kevin

Hi everyone, I want to set the focus to Celle KM when clicking the plus button. Unfortunately, it doesn't work. here my code tablefzg.on('click', 'button', function (e) { let data = tablefzg.row(e.target.closest('tr')).data(); var action = this.className; let tr = e.target.closest('tr'); let row = tablefzg.row(tr); if (action=='GetFZG'){ if (this.innerHTML == '-') { this.innerHTML = "+"; fahrzeugstatus = 0; this.style.backgroundColor = '#F0F0F0'; var set = 0; $.ajax({ url: "/FOM/controllers/fzg_eintragen_einsatz.php", type: 'post', data: {dsid:data.ID,wertset:set}, success: function (data) { return data; } }) } else if (this.innerHTML == '+') { this.innerHTML = "-"; // >> Here the focus should be set on the column/cell KM << tablefzg.cell('KM').focus(); fahrzeugstatus = 1; this.style.backgroundColor = '#60c724'; var set = 1; $.ajax({ url: "/FOM/controllers/fzg_eintragen_einsatz.php", type: 'post', data: {dsid:data.ID,wertset:set}, success: function (data) { return data; } }) } } })

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