Search

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!

Here are a few options that may be useful - this example from this thread, and this example from this thread. Both hide the long string with ellipsis, with the full string shown as a tooltip, which are then expanded when clicked upon. Colin

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here. Colin

You need an array of rows where each row is either an array of columns or objects. See the Data docs for details. Updated test case: https://live.datatables.net/yofinibo/2/edit Kevin