search

filamentgroup / tablesaw

A group of plugins for responsive tables.
MIT License
5.48k stars 434 forks source link

make header and data the same height in stack mode #334

Closed iamhaaamed closed 6 years ago

iamhaaamed commented 6 years ago

I added border for both .tablesaw-cell-label, .tablesaw-cell-content and make width of .tablesaw-cell-content to 100%, but in this way if one of the lenght of the .tablesaw-cell-label or .tablesaw-cell-content is different because of its contet, then their height are not equal. How can I make height equal in this situation?

zachleat commented 6 years ago

I believe you can add a border to the td instead of these classes individually?

image

image

(Or you can use flexbox align-items: stretch to do height equalization).

Please reopen if that doesn’t solve your problem.