Make columns of equal width in table

Question

How do I make columns of equal width in  lt table gt    I am dynamically changing the number of columns   Today I have 13 columns  Tomorrow it will be raised to 16   I do not particularly want to recalculate

User · Answer

Found this on HTML table  keep the same width for columns     If you set the style table-layout  fixed  on your table  you can   override the browser s automatic column resizing  The browser will   then set column widths based on the width of cells in the first row of   the table  Change your  to  and remove the  inside   of it  and then set fixed widths for the cells in

User · Answer

Use following property same as table and its fully dynamic     x000D   x000D  ul   x000D      width  100   x000D      display  table  x000D      table-layout  fixed     optional  for equal spacing    x000D      border-collapse  collapse  x000D    x000D  li   x000D      display  table-cell  x000D      text-align  center  x000D      border  1px solid pink  x000D      vertical-align  middle  x000D    x000D   lt ul gt  x000D     lt li gt foo lt br gt foo lt  li gt  x000D     lt li gt barbarbarbarbar lt  li gt  x000D     lt li gt baz klxjgkldjklg  lt  li gt  x000D     lt li gt baz lt  li gt  x000D     lt li gt baz lds jklklds lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D    May be its solve your issue

User · Answer

I think that this will do the trick   table      table-layout  fixed      width  300px

[html] Make columns of equal width in <table>

Examples related to html

Examples related to css