HTML-таблица со смешанными столбцами фиксированной ширины и текучими столбцами

Question

У меня есть таблица в стиле table-layout:fixed. В таблице шесть столбцов, и я устанавливаю ширину каждого столбца отдельно. Для некоторых столбцов текст внутри усекается. Есть ли способ установить ширину конкретного столбца (один или два столбца) на основе содержимого?

Answer 1

Используйте группу столбцов и установите для ширины указанного столбца минимальное требуемое значение, определяемое содержимым с использованием следующего синтаксиса:

<table>
  <colgroup>
    <col width="30"><!--fixed width column-->
    <col width="0*"><!--minimum width of content column-->
  </colgroup>
  <tr>
    <td>
    <!--...-->
    </td>
  </tr>
</table>