CSS display: table-row-group, to group two table cells together -
does knows how group 2 cells of 2 rows in table, using css display property value table-row-group?
know in css rowspan doesn't exist table-row-group defined equivalent tbody can read in http://www.w3.org/tr/css21/tables.html#value-def-table-row-group.
in following code, used divs create table using table css display property value. in brand new table, want group divs having role of cells, id row2_cell2
, row3_cell2
. have tried it, but, without success, using value table-row-group of css property display:
<div id='table'> <div class='row'> <div class='cell'> </div> <div class='cell'> </div> </div> <div class='row_group'> <div id='row_2' class='row'> <div class='cell'> </div> <div id='row2_cell2' class='cell'> </div> </div> <div id='row_footer' class='row'> <div class='cell'> </div> <div id='row3_cell2' class='cell'> </div> </div> </div> </div>
fiddle: http://jsfiddle.net/framj00/2en3u/
can me please resolve problem? many thanks!
table-row-group
works table element in html.so instead of divs
use table.you can follow fiddle
Comments
Post a Comment