17
Jan
Learned and Web Discussion.  | 

While trying to dynamically replace tbodys in a table today, I came across a problem: displaying them “none” was working just fine, but how do I get them to come back? Displaying as a block broke the table, as did inline. It turns out “display” has a number of possible values, one of which is Table-Row-Group (which is a tbody). Check it out:

TABLE { display: table }
TR { display: table-row }
THEAD { display: table-header-group }
TBODY { display: table-row-group }
TFOOT { display: table-footer-group }
COL { display: table-column }
COLGROUP { display: table-column-group }
TD, TH { display: table-cell }
CAPTION { display: table-caption }



Leave a Reply