Setting width:max-content on chrome

schokrates

Hello,

this is probably an easy one to solve, but I couldn't figure it out myself.
I don't want my header elements to wrap on word break or white space.
I'm using the columnDefs property to set the width of all columns to max-content.
This works just fine on firefox, but on chrome, the text overflows and the width changes according to the window size.

Another (I think related) problem:
I use the cells of one column as a progress bar. Therefore, I'm adding a div element and a span element to the cell. The div should occupy 100% of width and height of the cell. The span width changes according to the progress. This also works fine with firefox, but gives me a lot of headache with chrome.

Any help would be much appreciated!

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.

Cheers,

Colin