قائمة الرغبات: رؤوس جداول ثابتة

سيكون من الرائع حقًا لو تمكنت من التمرير في نتائج مستكشف البيانات الخاص بي والاحتفاظ بتسميات رؤوس الجدول/النتائج، حتى لا أضطر إلى التمرير للأعلى لتذكير نفسي بأي عمود هو أي عمود.

كمثال، إليك بيانات من تقرير TL2 gap الخاص بي (نتائجها غالبًا ما تكون مفجعة). هؤلاء المستخدمون يفتقدون 1 فقط. 1 ماذا؟

(في الواقع، الـ 1 هنا هو إعطاء 1 إعجاب واحد فقط. كما قلت، مفجع.)

13 إعجابًا

سيكون هذا رائعًا :star_struck: أنا أيضًا أواجه صعوبة في تذكر تسميات الرأس مع نتائج الاستعلام الكبيرة.

في الوقت الحالي، من الممكن جعل الرأس ثابتًا من خلال CSS. فقط أضف ما يلي إلى مكون سمة:

div.query-results section {
    overflow-y: auto;
    height: 1000px;
}

div.query-results thead th {
    position: sticky;
    top: 0;
    color: var(--primary);
    background: var(--primary-low);
}

15 إعجابًا

يعمل بشكل جميل! شكرًا!!!

إعجابَين (2)

هذا رائع - لقد أزعجني هذا الأمر لفترة طويلة وتم حله بهذه السهولة! شكراً لك.

هل ستنظر في هذا في المكون الإضافي؟ لقد ألقيت نظرة على الكود للتو، ويبدو أنه يمكن القيام بذلك بإضافة بسيطة لـ CSS الخاص بك (لم أر أي CSS في كود المكون الإضافي). العبث بالمكونات الإضافية أمر خطير جدًا بالنسبة لي!

5 إعجابات

تم إنشاء طلب سحب (PR)

سأقوم بالتحديث هنا بمجرد دمجه.

12 إعجابًا

تم دمج هذا، يمكنك إزالة CSS بمجرد تحديث موقعك @ganncamp وشكراً لك على اقتراح الميزة الرائع :+1:t4:

8 إعجابات