عرض على 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

  • attribute: data-reorderable-columns

  • type: Boolean

  • Detail:

    قم بتعيين true للسماح بميزة إعادة الترتيب.

  • Default: false

dragaccept

  • attribute: data-dragaccept

  • type: String

  • Detail:

    السماح بسحب الأعمدة فقط التي تحتوي على فئة CSS كخاصية.

  • Default: null

maxMovingRows

  • attribute: data-max-moving-rows

  • type: Integer

  • Detail:

    نقل الرأس فقط. يُنصح به للجداول الكبيرة جدًا (خلايا > 1000)

  • Default: 10

الأحداث

onReorderColumn(reorder-column.bs.table)

يُطلق عند إسقاط العمود، يتلقى كمعامل ترتيب حقول الرأس الجديد.

الطرق

orderColumns

  • parameters: object على سبيل المثال {name: 0, price: 1}

  • Detail:

    إعادة ترتيب الأعمدة حسب الكائن المقدم. يجب أن يكون مفتاح الكائن هو field والقيمة هو فهرس العمود (يبدأ من 0).