مشاهده در GitHub

Bootstrap Table Reorder Columns

افزونه Reorder Columns برای Bootstrap Table.

در این صفحه

وابستگی:

استفاده

<link rel="stylesheet" href="dragtable.css">
<script src="jquery-ui.js"></script>
<script src="jquery.dragtable.js"></script>
<script src="extensions/reorder-columns/bootstrap-table-reorder-columns.js"></script>

مثال

Reorder Columns

گزینه‌ها

reorderableColumns

  • ویژگی: data-reorderable-columns

  • نوع: Boolean

  • جزئیات:

    برای اجازه ویژگی تغییر ترتیب، روی true تنظیم کنید.

  • پیش‌فرض: false

dragaccept

  • ویژگی: data-dragaccept

  • نوع: String

  • جزئیات:

    فقط اجازه کشیدن ردیف‌هایی را که کلاس CSS را به عنوان ویژگی دارند، می‌دهد.

  • پیش‌فرض: null

maxMovingRows

  • ویژگی: data-max-moving-rows

  • نوع: Integer

  • جزئیات:

    فقط سربرگ را حرکت می‌دهد. برای جداول بسیار بزرگ (سلول‌ها > 1000) توصیه می‌شود.

  • پیش‌فرض: 10

رویدادها

onReorderColumn(reorder-column.bs.table)

هنگامی که ستون رها شد، فعال می‌شود، ترتیب جدید فیلدهای سربرگ را به عنوان پارامتر دریافت می‌کند.

متدهای

orderColumns

  • پارامتر: object به عنوان مثال: {name: 0, price: 1}

  • جزئیات:

    ستون‌ها را با شیء داده شده مرتب می‌کند. کلید شیء باید field باشد و مقدار اندیس ستون است (از 0 شروع می‌شود).