Table with 100 width with equal size columns

Question

I have to dynamically create a table with a variable number of columns  determined at runtime  Can somebody tell me if it s possible to have a html table with equal size columns that are fully stretched

User · Answer

Just add  style  quot table-layout  fixed   width  100   quot  inside  lt table gt  tag and also if you do not specify any styles and add just style  quot  width  100   quot  inside  lt table gt  You will be able to resolve it

User · Answer

table       width  100        th  td           width  1             SCSS syntax

User · Answer

ALL YOU HAVE TO DO   HTML    lt table id  my-table  gt  lt tr gt   lt td gt  CELL 1 With a lot of text in it lt  td gt   lt td gt  CELL 2  lt  td gt   lt td gt  CELL 3  lt  td gt   lt td gt  CELL 4 With a lot of text in it  lt  td gt   lt td gt  CELL 5  lt  td gt   lt  tr gt  lt  table gt    CSS    my-table width 100      or whatever width you want    my-table td width 2000px     something big     if you have th you need to set it too like this    my-table th width 2000px

User · Answer

If you don t know how many columns you are going to have  the declaration   table-layout  fixed  along with not setting any column widths  would imply that browsers divide the total width evenly - no matter what   That can also be the problem with this approach  if you use this  you should also consider how overflow is to be handled

User · Answer

lt table width  400px  gt     lt tr gt     lt td width  100px  gt  lt  td gt     lt td width  100px  gt  lt  td gt     lt td width  100px  gt  lt  td gt     lt td width  100px  gt  lt  td gt     lt  tr gt   lt  table gt    For variable number of columns use     lt table width  100   gt     lt tr gt     lt td width   100 x    gt  lt  td gt     lt  tr gt   lt  table gt    where  x  is number of columns

[html] Table with 100% width with equal size columns

Examples related to html

Examples related to css