مشاهده در 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>
مثال
گزینهها
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 شروع میشود).