عرض على GitHub

Bootstrap Table Sticky Header

امتداد Sticky Header للجدول في Bootstrap Table.

في هذه الصفحة

هذا امتداد يوفر رأس ثابت للجدول عند التمرير.

الاستخدام

<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>

المثال

Sticky Header

الخيارات

  • attribute: data-sticky-header

  • type: Boolean

  • Detail:

    قم بتعيين true لاستخدام رأس ثابت.

  • Default: false

stickyHeaderOffsetLeft

  • attribute: data-sticky-header-offset-left

  • type: Number

  • Detail:

    تعيين الإزاحة من اليسار لوعاء رأس الثابت. إذا كان الحشو الأيسر للجسم 60px، فإن هذه القيمة ستكون 60.

  • Default: 0

stickyHeaderOffsetRight

  • attribute: data-sticky-header-offset-right

  • type: Number

  • Detail:

    تعيين الإزاحة من اليمين لوعاء رأس الثابت. إذا كان الحشو الأيمن للجسم 60px، فإن هذه القيمة ستكون 60.

  • Default: 0

stickyHeaderOffsetY

  • attribute: data-sticky-header-offset-y

  • type: Number

  • Detail:

    تعيين الإزاحة Y من أعلى النافذة لتثبيت رأس الثابت. إذا كان هناك شريط تنقل ثابت بطول 60px، فإن هذه القيمة ستكون 60.

  • Default: 0