Hey, I’m working on a web app and I need to display some tabular data. The is generated dynamically so there is no way for me to find out the exact sizes.
I want each row to be a specific height and have a max-width with an elipsis if the content is too big for the cell.
Adding max-width doesn’t seem to do anything and setting a specific height works until the content overflows..
When I add table-layout:fixed; to my table it stops the content overflowing how I would like it but it ignores the cell padding and it sets a fixed width for each column. Is there anyway to have the overflow hidden like I want, each row having the fixed height and have each column base its width on the th for that column?
Also with the table:layout:fixed; when I add more columns the others just shrink so they are all an even size.
I don’t know if I explained myself that well so if you don’t understand let me know and I’ll try to explain it better.