Минимальная ширина первого столбца таблицы

Question

Есть ли способ, чтобы левый, первый столбец имел минимальную ширину ...... например, 50%?

У меня есть различное количество отдельных таблиц (с разными заголовками, поэтому они являются отдельными частями данных).

Очевидно, что столбцы таблицы меняют свою ширину в зависимости от того, сколько контента находится внутри них ... если для этого потребуется дополнительное пространство, тогда это займет больше места у других столбцов в той же таблице ... это круто, но когда много места и ему не нужно никакого дополнительного пространства, тогда это намного опрятнее, если они все остаются одинаковой ширины ... как 50%

http://jsfiddle.net/mqatP/5/

Есть идеи, как это сделать, не проверяя в PHP, сколько контента собирается внутри них и добавляются разные классы?

Answer 1

Я был удивлен, узнав, что min-width не работает.Однако, поиграв с ним некоторое время, я наткнулся на это решение:

td:first-child {
    width: 40%;
    white-space: nowrap;
}

Answer 2

Я бы посоветовал вам попробовать это, чтобы исправить ширину таблицы в css

    table-layout:fixed;

, а в JavaScript синтаксис: object.style.tableLayout="fixed"

Answer 3

Вы можете использовать

tbody>tr>td:nth-child(1),
tbody>tr>td:nth-child(2),
tbody>tr>td:nth-child(3) { width: 50%; }