مشاهده در 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

گزینه‌ها

  • ویژگی: data-sticky-header

  • نوع: Boolean

  • جزئیات:

    برای استفاده از سربرگ چسبان، روی true تنظیم کنید.

  • پیش‌فرض: false

stickyHeaderOffsetLeft

  • ویژگی: data-sticky-header-offset-left

  • نوع: Number

  • جزئیات:

    offset چپ کانتینر سربرگ چسبان را تنظیم کنید. اگر پدینگ چپ بدنه 60px باشد, این مقدار 60 خواهد بود.

  • پیش‌فرض: 0

stickyHeaderOffsetRight

  • ویژگی: data-sticky-header-offset-right

  • نوع: Number

  • جزئیات:

    offset راست کانتینر سربرگ چسبان را تنظیم کنید. اگر پدینگ راست بدنه 60px باشد, این مقدار 60 خواهد بود.

  • پیش‌فرض: 0

stickyHeaderOffsetY

  • ویژگی: data-sticky-header-offset-y

  • نوع: Number

  • جزئیات:

    offset Y از بالای پنجره را برای سنجیدن سربرگ چسبان تنظیم کنید. اگر نوار ناوبری ثابت با ارتفاع 60px وجود داشته باشد, این مقدار 60 خواهد بود.

  • پیش‌فرض: 0