Hello,

I encounter an issue while using contenteditable attribute and when scroll is set to true for my Datatable.When I try to edit my table, the header is not following the same width as what i'm typing.You can clearly see the example in the snippet :

If you try to edit a column like "col 7" by typing a mail address for example : "mailaddresstest@mydomain.com", you'll see that the header is not resizing at all.

If you set the scrollX value to false, it works, but if the text is too long, the DataTable is displaying bad either.

Thank you.

EDIT : I just found the solution by myself. You can add this JS to resize dynamically the headers :

$('#action').on('focusout input', 'td[contenteditable]', function() {
    table.columns.adjust();
});