Zebra Striping на один стол столб

Question

У меня есть таблица, которая использует Tablesorter и Zebra Striping для столовых строк.Я хотел бы добавить Zebra Striping только к одному из столбцов стола, чтобы дать ему немного упор.Как это:

Answer 1

Если вы знаете индекс столбца, который вы хотели бы понравиться, вы можете сделать это только в CSS, используя: NTH-типа селекторов, как так:

tr:nth-of-type(even) td:nth-of-type(3) { background: rgba(0,0,0,0.1); }

(где 3 используется заполнитель для вашего целевого столбца)

Другой вариант будет поставить класс на заголовок (или первый TD) столбца, который вы хотите положить на полоску, а затем использовать JS к полоску Другие TDS в том же столбце:

var col_to_stripe = $('th.stripe-this-one').index();

$('table.selectively-stripe').find('tr:odd')
  .each(function() {
    $(this).children('td')
      .eq(col_to_stripe)
      .css('background', 'pink');
  });

.

Класс не нужен, как очевидно, вы можете просто поставить индекс столбца, который вы хотите, чтобы с чистым подходом CSS, но это лучше для ясности кода.

Демо здесь: http://jsbin.com/axutal/2/edit

.

Answer 2

Проверьте эту проверку этого Ссылка

Это можно сделать с помощью jQuery, не давая названия классов или идентификатора.

 $('tr:odd  td:nth-child(4)').css('background','#999999'); /* For odd td's */
 $('tr:even td:nth-child(4)').css('background','#DDDDDD'); /* For even td's */  

.

Для получения дополнительной информации об этом jQuery Selector пройти через это Ссылка

Answer 3

Вам понадобится дополнительное имя класса и соответствующая декларация CSS для TDS в этой колонке.