Как исправить ширину ячейки в таблице, где width = 100%

Question

Я хотел бы знать, если это возможно, в таблице, где width = 100%, и где каждая ширина столбца равна%, чтобы получить для последнего столбца фиксированная ширина?

Если да, то как?

Answer 1

Короткий ответ был бы нет, а не с помощью CSS в простой форме. Весьма сложно смешивать фиксированную и относительную ширину по очевидным причинам.

Существует, однако, новая функция CSS3 calc(), которая может использоваться, чтобы позволить браузеру рассчитать правильную ширину.

Уведомление К сожалению, он все еще просто экспериментальный и имеет ограниченную поддержку браузера.

Answer 2

Вы можете сделать это с помощью CSS:

#mytable td:last-child { 
    width: 50px; /* change to whatever you want */ 
} 

Answer 3

Если ваш сайт требует JavaScript в любом случае, вы можете манипулировать шириной после рендеринга.

1. Позволяет браузеру отображать таблицу с относительной шириной столбцов, близкой к идеалу, но без установки последней фиксированной.

2. Прочитать ширину отображаемой таблицы.

3. Вычесть ширину, которую вы хотите, чтобы последний столбец имел ширину стола.

4. Вычислить ширину для остальных столбцов в процентах, используя значение от 3. как 100%

5. Установите все ширины столбцов Programatically