Bootstrap Table FAQ

الأسئلة الشائعة.

عندما تقوم بتغيير حجم النافذة، لا يتم ضبط رأس الجدول تلقائيًا، كيف يمكن حل هذا المشكلة؟

عندما تقوم بتعيين height للجدول bootstrap، يتم تمكين ميزة fixed header تلقائيًا، وهذا ما يسبب المشكلة، تحتاج إلى الاستماع إلى حدث resize للنافذة واستخدام طريقة resetView لحل هذا المشكلة، مثال الكود:

$(function () {
  $('#tableId').bootstrapTable() // init via javascript

  $(window).resize(function () {
    $('#tableId').bootstrapTable('resetView')
  })
})

كيف يمكن دمج الخلايا بشكل أفضل؟

بالنسبة للخلايا المدمجة، عندما تقوم بتحديث، أو الانتقال إلى الصفحة التالية، أو تبديل الأعمدة لعرضها، ستتم فك دمج الخلايا. يمكننا الاستماع إلى الأحداث (عند النجاح في التحميل، عند تبديل العمود، عند تغيير الصفحة وعند البحث) لحل هذا المشكلة، مثال الكود:

$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
  $table.bootstrapTable('mergeCells', {...})
})

هل تم وضع معاملات الحدث في ترتيب خاطئ؟

عندما تستخدم شيئًا مثل هذا:

$('#eventsTable').on('click-row.bs.table', function (event, row, $element) {

})

المعامل الأول هو دائمًا event: https://live.bootstrap-table.com/code/wenzhixin/46

واستخدم حدث onClickRow:

onClickRow: function (row, $element) {

}

كيف يمكنني دعم تطوير bootstrap-table؟

كل أفكارك وملاحظاتك مرحب بها جدًا! يرجى عدم تردد في فتح مشكلات على GitHub أو إرسال بريد إلكتروني لي.

أنا גם ممتن لتفضيلاتك: https://opencollective.com/bootstrap-table.