Перейти к содержимому


Фотография
- - - - -

Зебра в таблице

таблица зебра

Лучший Ответ Sliapy , 10 June 2013 - 18:14

Там просто фон перекрывается стандартным CSS JBZoo:
 

.jbzoo table.tablesorter tbody td {
    color: #3d3d3d;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
Вот этим можно сделать:
 

<script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery ('.zebra tr:even td').css('background', '#f1f1f1');
            jQuery('.zebra tr:odd td').css('background', '#fff');
        });
</script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 SOLO

SOLO

Отправлено 10 June 2013 - 16:51

Доброго времени суток. 

 

Вроде бы где-то на форуме видел - но не нашел! Как сделать зебру в таблице например на странице в demo "таблица". что бы в строках фон чередовался. нашел статью http://forum.jbzoo.c...iske-properties но прикрутить к таблице у меня не получилось, и думаю можно ли... Подскажите или ткните в статью.

 

Спасибо!

 


  • 0

#2 Sliapy

Sliapy

Отправлено 10 June 2013 - 18:14   Лучший Ответ

Там просто фон перекрывается стандартным CSS JBZoo:
 

.jbzoo table.tablesorter tbody td {
    color: #3d3d3d;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
Вот этим можно сделать:
 

<script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery ('.zebra tr:even td').css('background', '#f1f1f1');
            jQuery('.zebra tr:odd td').css('background', '#fff');
        });
</script>

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 SOLO

SOLO

Отправлено 11 June 2013 - 10:37

Все работает! Кудесник просто! Спасибо!

Сам точно не дошел бы к этому...


  • 0





Темы с аналогичным тегами таблица, зебра

Click to return to top of page in style!