قفل الصف الأول والعمود في جدول قابل للتمرير

في عالم الجداول الديناميكية، القدرة على التمرير أفقيًا وعموديًا مع الاحتفاظ بالصف والعمود الأول الثابتة هي ميزة مطلوبة للغاية. إن تحقيق ذلك باستخدام CSS فقط ليس ممكنًا، لكن JavaScript يمكن أن توفر حلاً.

طورت Meetselva مكونًا إضافيًا رائعًا يمكّن المطورين من تنفيذ هذه الوظيفة بسهولة. يعمل البرنامج الإضافي عن طريق تحويل جدول HTML جيد التنظيم بسلاسة إلى جدول قابل للتمرير، مع بقاء كل من رأس الجدول والأعمدة في مكانها بثبات.

استخدام البرنامج الإضافي واضح ومباشر، كما هو موضح أدناه:

$('#myTable').fxdHdrCol({
    fixedCols: 3,       /* 3 fixed columns */
    width: "100%",  /* set the width of the container (fixed or percentage)*/
    height: 500      /* set the height of the container */
});

لمشاهدة قدرات البرنامج الإضافي أثناء العمل، قم بزيارة العرض التوضيحي والوثائق المقدمة.