Тег Colgroup не работает в IE8

Question

Я пытаюсь создать таблицу данных, где у меня мало проблем со стилем.

1) Я пытаюсь применить чередующийся ряд к TR, который не запускается.

Есть ли способ применить чередующийся стиль, не передавая класс всем TD *
с помощью inкаждый TR ..?

2) Colgroup работает в IE8, особенно с выравниванием (cols = распределение капитала A & SI, Cap Var, распределение расходов A & SI, Var Var)

Есть ли способприменить исправить эту проблему

Вот код: http://jsfiddle.net/yvJ75/1/

Answer 1

Вы можете использовать CSS3 псевдоклассы nth-child (odd) и nth-child (even).

Я обновил код здесь: http://jsfiddle.net/yvJ75/12/

Этиизменения в CSS

/*
.bg-oddrow {
    background-color:#fbfcfb !important;
}

.bg-evenrow {
    border-bottom:1px solid #dadada !important;
}*/
table tr:nth-child(odd) td{
    background-color:#fbfcfb !important;
}
table tr:nth-child(even) td{
    border-bottom:1px solid #dadada !important;
}

Answer 2

Есть ли способ применить чередующийся стиль, не передавая класс для всех TD с каждым TR ..?

Да - вы можете применить класс как <tr class="even-row"> и использовать селектор css, например tr.even-row td, чтобы применить фон к <td>. Этот подход работает во всех браузерах. Вы можете даже использовать tr:nth-child(odd) и tr:nth-child(even), но это css3 псевдоклассы .

Colgroup работает в IE8, особенно с выравниванием (cols = A & SI Распределение капитала, Cap Var, Распределение расходов A & SI, Exp Var) Есть ли способ применить исправить эту проблему

Вы имеете в виду, что это не работает? Столбцы принимают только свойства css, border, background, width и visibility. Td не будет наследовать другие свойства, так как они не являются прямыми потомками элемента col (немного об этом можно узнать здесь ). Самый надежный способ - установить класс на td и стилизовать содержимое td, что для этого.