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

Question

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

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

Есть ли способ применить чередующийся стиль, не передавая класс всем ТД
с в каждом ТР..?

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

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

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

Answer 1

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

Я обновил код здесь: 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.