Сделать столбец таблицы HTML охватывать все столбцы

У меня есть таблица HTML, а свойство CSS table-layout установлено на fixed.

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

Когда я использую:

<td colspan = "0" id = "tdPager">

Он работает с FireFox v24 и IE 9 и выше, но не работает с Internet Explorer 8 или ниже и с любой версией Chrome.

Как мне сделать столбец шириной всей таблицы во всех браузерах?

Я пробовал все - установив colspan в значения "*", "100%" и даже число, большее, чем общее количество столбцов, но оно вызывает ужасный эффект для всех браузеров. Все столбцы в остальных рядах становятся очень тонкими. Я не могу установить colspan на фиксированное число, равное общему количеству столбцов, потому что число столбцов динамическое.

Ответ 1

Вы используете его неправильно, установив его на 0.

Вам нужно установить colspan равным максимальному количеству столбцов, которые у вас есть в любой строке таблицы.

Итак, если ваша таблица имеет 6 столбцов в строке 5, и это больше всего, то вы должны установить colspan="6".

Если количество столбцов динамическое, вам нужно динамически установить colspan.

Ответ 2

вы должны указать, сколько столбцов вы хотите использовать, например: clospan = "3"

Ответ 3

вы можете просто установить максимально возможное значение no для того, что многие столбцы не будут доступны в таблице

как если бы у вас было 5 столбцов, просто установите colspan = "6" или даже больше.

Ответ 4

colspan="100%", похоже, хорошо работает в IE 10, Firefox 26 и Chrome 31.