Сделайте так, чтобы столбец таблицы HTML охватывал все столбцы

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

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

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

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

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

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

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


html css
person Water Cooler v2    schedule 23.10.2013    source источник
comment
Не могли бы вы установить colspan на количество столбцов в таблице?   -  person khalid13    schedule 23.10.2013
comment
возможный дубликат Colspan all columns   -  person Paul D. Waite    schedule 23.10.2013
comment
В противном случае, не могли бы вы установить значение colspan равным 32767 или другим неправдоподобно большим числом?   -  person Richard A.    schedule 23.10.2013
comment
Обратите внимание, что colspan="0" не в настоящее время разрешено спецификацией HTML.   -  person Paul D. Waite    schedule 23.10.2013
comment
Я перепробовал все - установил для colspan значения *, 100% и даже число, превышающее общее количество столбцов, но это произвело ужасный эффект на все браузеры. Все столбцы в остальных строках становятся действительно тонкими. Я не могу установить для colspan фиксированное число, равное общему количеству столбцов, потому что количество столбцов является динамическим.   -  person Water Cooler v2    schedule 23.10.2013
comment
Я не могу установить для colspan фиксированное число, равное общему количеству столбцов, потому что количество столбцов является динамическим. - Вы можете, хотя я могу представить, что это может потребовать много работы.   -  person Paul D. Waite    schedule 23.10.2013
comment
Можно, хотя я могу представить, что это может потребовать много работы. @ PaulD.Waite: Спасибо. Это помогло. :-)   -  person Water Cooler v2    schedule 23.10.2013

Ответы (4)


arrow_upward
19
arrow_downward

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

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

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

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

person Alex W    schedule 23.10.2013

arrow_upward
-1
arrow_downward

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

person Kasun Raditha Rajapakse    schedule 23.10.2013

arrow_upward
-1
arrow_downward

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

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

person shyam_    schedule 18.07.2015

arrow_upward
-2
arrow_downward

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

person Bruce Patin    schedule 31.12.2013
comment
Это случайно, потому что это то же самое, что и colspan="100". Не используйте это. - person stackular; 14.03.2014
comment
stackoverflow.com/questions/398734/colspan-all-columns объясняет это далее, что не всегда совместимо со всеми браузеры ... - person xchiltonx; 22.03.2015