How to prevent columns resizing when opening child rows?

vmolf

I have a datatable (I made a static copy publicly accessible). But when I open child rows (by clicking on the column with the text preview), the columns magically resize a bit. It doesn't happen with all rows and at all sizes. In the static example, it is for example the second row (Dobrý den,dnes mám pro vás 2 úkoly:1. Pokud jste ještě nevyplnili…) and window.innerWidth around 980.
It also happens on the mobile version (resize to window.innerWidth cca 560 then reload) with the same row.

allan

You've got:

"autoWidth": false,

So DataTable's column width calculations to stop the effect you are seeing is not being applied. It might be happening because you are changing the style of the host row (cool effect making that look like a tab).

Try removing that option which should help.

Allan