HTML Table different number of columns in different rows

Question

Like in Excel sheet can I have    2 columns in 1st row 1 long column in the 2nd row   is this possible in html

User · Accepted Answer

On the realisation that you re unfamiliar with colspan  I presumed you re also unfamiliar with rowspan  so I thought I d throw that in for free   One important point to note  when using rowspan  the following tr elements must contain fewer td elements  because of the cells using rowspan in the previous row  or previous rows     x000D   x000D  table   x000D    border  1px solid  000  x000D    border-collapse  collapse  x000D    x000D   x000D  th  x000D  td   x000D    border  1px solid  000  x000D    x000D   lt table gt  x000D     lt thead gt  x000D       lt tr gt  x000D         lt th colspan  2  gt Column one and two lt  th gt  x000D         lt th gt Column three lt  th gt  x000D       lt  tr gt  x000D     lt  thead gt  x000D     lt tbody gt  x000D       lt tr gt  x000D         lt td rowspan  2  colspan  2  gt A large cell lt  td gt  x000D         lt td gt a smaller cell lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt  -- note that this row only has  one  td  since the preceding row x000D                       takes up some of this row -- gt  x000D         lt td gt Another small cell lt  td gt  x000D       lt  tr gt  x000D     lt  tbody gt  x000D   lt  table gt  x000D   x000D   x000D

User · Answer

yes  simply use colspan

User · Answer

If you need different column width  do this   lt tr gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt       lt td gt  lt  td gt   lt  tr gt   lt tr gt       lt td colspan  quot 9 quot  gt           lt table gt               lt tr gt                   lt td gt  lt  td gt                   lt td gt  lt  td gt                   lt td gt  lt  td gt                   lt td gt  lt  td gt               lt  tr gt           lt  table gt       lt  td gt   lt  tr gt

User · Answer

Colspan    lt table gt      lt tr gt         lt td gt  Row 1 Col 1 lt  td gt         lt td gt  Row 1 Col 2 lt  td gt   lt  tr gt   lt tr gt         lt td colspan 2 gt  Row 2 Long Col lt  td gt   lt  tr gt   lt  table gt

[html] HTML Table different number of columns in different rows

Examples related to html