How to Auto resize HTML table cell to fit the text size

Question

I have a table with 2 rows and variable columns  I tried width   100  for the column  So the first content in the view will fit  But suppose if i am changing the contents dynamically then it is not dynamically increase decrease the HTML table column size  Thanks in advance

User · Accepted Answer

If you want the cells to resize depending on the content, then you must not specify a width to the table, the rows, or the cells.

If you don't want word wrap, assign the CSS style white-space: nowrap to the cells.

User · Answer

You can try this   HTML   lt table gt       lt tr gt           lt td class  shrink  gt element1 lt  td gt           lt td class  shrink  gt data lt  td gt           lt td class  shrink  gt junk here lt  td gt           lt td class  expand  gt last column lt  td gt       lt  tr gt       lt tr gt           lt td class  shrink  gt elem lt  td gt           lt td class  shrink  gt more data lt  td gt           lt td class  shrink  gt other stuff lt  td gt           lt td class  expand  gt again  last column lt  td gt       lt  tr gt       lt tr gt           lt td class  shrink  gt more lt  td gt           lt td class  shrink  gt of  lt  td gt           lt td class  shrink  gt these lt  td gt           lt td class  expand  gt rows lt  td gt       lt  tr gt   lt  table gt    CSS  table       border  1px solid green      border-collapse  collapse      width 100      table td       border  1px solid green     table td shrink       white-space nowrap   table td expand       width  99

User · Answer

Well  me also I was struggling with this issue  this is how I solved it  apply table-layout  auto  to the  lt table gt  element

[html] How to Auto resize HTML table cell to fit the text size

Examples related to html

Examples related to css