0

Here is my jsFiddle, as you can see, td at the first line is very long, so that it takes room which is intended for second line. The problem lies in that the th's height doesn't grow large automatically when the corresponding td is overwrap to multiple lines.

So is there any way to realize both the multiline showing of td part as well as the correct alignment for th and td? Thanks a lot!

Judking
  • 6,111
  • 11
  • 55
  • 84
  • Wait, can you even put thead somewhere else than on top? – timing Mar 22 '14 at 16:34
  • This accepted answer also does not solve your problem: http://stackoverflow.com/questions/5800659/table-vertical-header – timing Mar 22 '14 at 16:35
  • 1
    i'm not really sure what you're trying to achieve with this layout since you only really have 1 single column with multiple rows. if you want to have the height of the row adjust when the content wraps lines, you need to have all of the content in the same row. while not advised, you can mix `` and `` elements in both the `` and the `` Without being more specific, we won't be able to advise any better. – bdb.jack Mar 22 '14 at 16:36
  • Thanks for sharing, maybe mixing is more feasible. @bdb.jack – Judking Mar 22 '14 at 16:42
  • the proper would be http://jsfiddle.net/EWqDA/1/ – G-Cyrillus Mar 22 '14 at 19:04

0 Answers0