Horizontally aligning column filters in the header on minimise

MySBdatatable

My datatable has columns with different header label widths. Each column has a dropdown filter container. When the table is wide (extended width), all looks good. But I want to continue keeping the filter containers (blue boxes) horizontally aligned even when the table width reduces (minimised). Instead, container heights change height as the header labels wrap. I've unsuccessfully tried endless combinations of margins and flexbox, but feel I'm missing the obvious somewhere. Anyone any ideas? Fiddle: https://jsfiddle.net/a0L9s1qp/

colin

Hi @MySBdatatable ,

If you add this to your CSS, as in this example here, it does the trick,

th { white-space: nowrap; }

Cheers,

Colin