Установка ширины столбца в таблице HTML

Question

В настоящее время у меня есть таблица, которая выглядит как

<table>
    <tr>
        <th>Submitted</th>
        <th>Title</th>
        <th>Revisions</th>
    </tr>
    <tr>
        <td>Nov. 22, 2011, 2:14 a.m.</td>
        <td><a href="/essays/edit/6">Hello</a></td>
        <td>2</td>
    </tr>
</table>

Мне нужно, чтобы столбец Title был максимально широким, в то время как другие столбцы достаточно , чтобы содержать их содержимое. Мне также нужен стол, чтобы заполнить его контейнер (ширина 100%).
Как этого достичь?

Answer 1

Это, вероятно, быстрый и грязный хак, но вы можете просто использовать следующий CSS:

td, th {
    white-space: nowrap; /* to prevent splitting content into several lines */
}
th:nth-of-type(2) {
    width: 100%;
}

Невозможно, чтобы ячейки внутри таблицы могли превышать ее общую ширину, поэтому она может работать.1004 *

В качестве альтернативы вы можете использовать JavaScript для динамического вычисления средней ширины столбца или установки фиксированной ширины ячеек.