Question

How can I make table column width change dynamically according to the data inside the columns?
(I define table width 100% because that the columns width behave different).

Answer 1

It sounds like you’re looking for the nowrap attribute for a td element. More information here. Something like this:

<table>
  <tr>
    <td nowrap>
      This is a long sentence which constitutes a lot of data that shouldn't wrap when rendered.
    </td>
  </tr>
</table>

Demonstrated here.