html table min width,css - Set min-width in HTML table's <td> - Stack Overflow

None of these solutions worked for me. The only workaround I could find was, adding all the min-width sizes together and applying that to the entire table. This obviously only works if you know all the column sizes in advanced, which I do. My tables look something like this:

var columns = [

{label: 'Column 1', width: 80 /* plus other column config */},

{label: 'Column 2', minWidth: 110 /* plus other column config */},

{label: 'Column 3' /* plus other column config */},

];

const minimumTableWidth = columns.reduce((sum, column) => {

return sum + (column.width || column.minWidth || 0);

}, 0);

tableElement.style.minWidth = minimumTableWidth + 'px';

This is an example and not recommended code. Fit the idea to your requirements. For example, the above is javascript and won't work if the user has JS disabled, etc.