I Want To Create A Nested Table Or Table Row

Question

When I use nested or nested , I can't create a column like that . Can anyone help me ????. This picture is exactly what I want .

Solution 1:

You need to use the HTML colspan and rowspan attributes.

HTML

<table><tr><tdcolspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><tdcolspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><tdrowspan="2"></td><tdrowspan="2"></td><tdrowspan="2"></td><tdrowspan="2"></td></tr><tr><tdcolspan="2"></td></tr></table>

CSS

table {
    width: 100%;
}

td {
    width: 100px;
    height: 50px;
}

DEMO: http://jsfiddle.net/04yjcL2e/1/

Baca Juga

For more information about colspan and rowspan see this post:

How do you use colspan and rowspan in HTML tables?

Post a Comment for "I Want To Create A Nested Table Or Table Row"

As A Row

I need your help, if the following code below counts every …

How To Make A Transition Effect Up The Input On Change

I need to place this particular effect on a dropdown I need…

Some Questions About Tree Construction [html Spec]

I know that it's not customary to ask a bunch of questi…