Colspan все столбцы - PullRequest
       32

Colspan все столбцы

345 голосов
/ 30 декабря 2008

Как я могу указать тег td, который должен охватывать все столбцы (когда точное количество столбцов в таблице будет переменным / трудно определить, когда отображается HTML)? w3schools упоминает, что вы можете использовать colspan="0", но в нем точно не указано, какие браузеры поддерживают это значение (IE 6 есть в нашем списке для поддержки).

Похоже, что установка colspan в значение, превышающее теоретическое количество столбцов, которое вы можете иметь, будет работать, но оно не будет работать, если для table-layout установлено значение fixed. Есть ли недостатки в использовании автоматической разметки с большим числом для colspan? Есть ли более правильный способ сделать это?

Ответы [ 13 ]

0 голосов
/ 17 декабря 2013

Просто хочу добавить свой опыт и ответить на это.
Примечание. Это работает только в том случае, если у вас есть предварительно определенные table и tr с th s, но вы загружаете их в свои строки (например, через AJAX) динамически.

В этом случае вы можете подсчитать количество th в первой строке заголовка и использовать его для охвата всего столбца.

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

Примерно так в jQuery, где table - ваша таблица ввода:

var trs = $(table).find("tr");
var numberColumns = 999;
if (trs.length === 1) {
    //Assume having one row means that there is a header
    var headerColumns = $(trs).find("th").length;
    if (headerColumns > 0) {
        numberColumns = headerColumns;
    }
}
0 голосов
/ 10 июня 2009

попробуйте использовать «colSpan» вместо «colspan». IE любит версию camelBack ...

0 голосов
/ 30 декабря 2008

Может быть, я простой мыслитель, но я немного озадачен, разве вы не знаете номер столбца вашей таблицы?

Кстати, IE6 не соблюдает colspan = "0", с определенной или без определенной группы. Я также попытался использовать thead и th для генерации групп столбцов, но браузер не распознает форму colspan = "0".

Я пробовал использовать Firefox 3.0 для Windows и Linux, и он работает только со строгим типом документа.

Вы можете проверить тест на нескольких баузерах на

http://browsershots.org/http://hsivonen.iki.fi/test/wa10/tables/colspan-0.html

Я нашел тестовую страницу здесь http://hsivonen.iki.fi/test/wa10/tables/colspan-0.html

Редактировать: Скопируйте и вставьте ссылку, форматирование не примет двойные части протокола в ссылке (или я не настолько умен, чтобы правильно ее отформатировать).

...