Colspan Doesn't Accept Decimal Numbers. How Do I Specify The Span?

Question

Liquor Store Blues

Solution 1:

Because of your 4th row having 3 elements, your table actually has 12 columns, not 4.

td {
  border: 1px solid;
}

<table><thead><thcolspan="12">Liquor Store Blues</th></thead><tbody><tr><tdcolspan="12">A1</td></tr><tr><tdcolspan="6">B1</td><tdcolspan="6">B2</td></tr><tr><tdcolspan="4">C1</td><tdcolspan="4">C2</td><tdcolspan="4">C3</td></tr><tr><tdcolspan="3">D1</td><tdcolspan="3">D2</td><tdcolspan="3">D3</td><tdcolspan="3">D4</td></tr></tbody></table>

Solution 2:

For that row you can use the following HTML using a nested table:

<tr><tdcolspan="4"><table><tr><td>Meow</td><td>Meow</td><td>Meow</td></tr></table></td></tr>

Html5 Playground

Colspan Doesn't Accept Decimal Numbers. How Do I Specify The Span?

Solution 1:

Solution 2:

Post a Comment for "Colspan Doesn't Accept Decimal Numbers. How Do I Specify The Span?"