مخطط حمار وحشي لعمود جدول واحد فقط

Question

لدي جدول يستخدم Tablesorter وشريط حمار وحشي لصفوف الجدول.أرغب في إضافة شريط حمار وحشي إلى أحد أعمدة الجدول فقط لإضفاء القليل من التركيز عليه.مثله:

Answer 1

إذا كنت تعرف فهرس العمود الذي ترغب في تحديده، فيمكنك القيام بذلك في CSS فقط، باستخدام محددات :nth-of-type كما يلي:

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

تحقق من هذا link

يمكن القيام بذلك باستخدام JQuery دون إعطاء أسماء فئة أو معرف.

giveacodicetagpre.

لمزيد من المعلومات حول هذا jquery selector انتقل عبر هذا رابط

Answer 3

ستحتاج إلى اسم فئة إضافية وإعلان CSS المقابل ل TDS في هذا العمود.