البرنامج المساعد لجداول البيانات:إذا لم يكن قابلاً للفرز، قم بإزالة زخرفة النص من رأس العمود

StackOverflow https://stackoverflow.com//questions/20011276

سؤال

أنا أستخدم البرنامج المساعد DataTables، وفي أعمدة معينة قمت بتعيينها "bSortable": false.في تلك الأعمدة نفسها، أود إزالة التسطير الذي تحته النص ومؤشر المؤشر من رأس العمود أيضًا.

لقد قمت بإنشاء فئة تسمى removeFormat الذي أود تطبيقه على رؤوس الأعمدة فقط.

.removeFormat {
  text-decoration: none;
  cursor: auto;
}

كيف يمكنني أن أفعل ذلك؟؟

كنت آمل أن أتمكن من استخدام شيء من هذا القبيل sClass.ولسوء الحظ، يؤدي هذا فقط إلى إضافة الفئات إلى خلايا الجدول.

إذا لم يكن إنشاء فئة CSS وإضافتها إلى رأس العمود هو الاتجاه الصحيح الذي يجب أن أتبعه، فهل هناك طريقة قياسية تمتلكها DataTables والتي يمكنني استخدامها لهذا الغرض المحدد؟

تحديث:

أرغب في إضافة وظيفة مباشرة إلى العمود الذي أرغب في تغييره.على سبيل المثال:

           {
                "mData": null,
                "sWidth": "5%",
                "bSortable": false,
                "sClass": "alignCenter"
            }
هل كانت مفيدة؟

المحلول

لقد وجدت الجواب بعد اللعب به قليلاً.

في حالتي، قام sClass بتطبيق الفصل على كل من خلايا الجدول ورأس الجدول.لذلك كنت بحاجة فقط لإضافة الفصل إلى القائمة:

"sClass": "alignCenter removeFormat"

لقد تأكدت للتو أيضًا من أن صفي كان محددًا بدرجة كافية بحيث يتم تطبيقه على رؤوس الجدول فقط ويتم تطبيقه على العنصر عند التمرير:

th.removeFormat div:hover {}

هذا أصلح الأمر!

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top