شبكة البيانات جدول أصلي يدعم الفرز والتصفية والتقسيم إلى صفحات والتحرير. صِف columns ومرّر rows، فتُنسَّق كل خلية حسب نوعها ووفق اللغة والمنطقة: الأرقام والعملات والتواريخ و«نعم» و«لا» وتسميات قيم enum.
تكمن حالتها في خصائص ثنائية الاتجاه يمكنك ربطها وحفظها وإرسالها إلى الخادم: sort وfilters وsearch وpage وselected، وcolumnState لما يختاره المستخدمون من عرض الأعمدة وترتيبها وتثبيتها وإخفائها. ودون صفحات لا تُرسم إلا الصفوف الظاهرة، فيُمرَّر 100 ألف صف بسلاسة عشرة صفوف.
يمكن الوصول إلى كل خلية بلوحة المفاتيح، ولكل عمود لوحة تفرزه وتُصفّيه وتثبّته وتنقله وتلائم عرضه مع محتواه وتُخفيه.
البحث والفرز والصفحات
اكتب للبحث في كل الأعمدة. انقر على رأس عمود للفرز، وانقر مع Shift لإضافة عمود ثانٍ. يرسم nuiGridCell خلايا الحالة، ويُسلّمك exportCsv() ما هو معروض.
التحديد
يضيف selection="multiple" خانات اختيار ويربط مفاتيح الصفوف المحددة. والنقر مع Shift يحدد نطاقًا؛ وخانة الاختيار في الرأس تحدد كل الصفوف المطابقة.
التحرير
انقر نقرًا مزدوجًا على خلية، أو اضغط Enter، أو ابدأ الكتابة فحسب. يُبقي validate المحرِّر مفتوحًا مع رسالة؛ والتعديل المعتمد يُحدّث rows ويُطلق cellEdit.
100 ألف صف
دون صفحات، لا تُرسم إلا الصفوف الظاهرة. وتبقى الأعمدة المثبّتة عند الحافتين، ويحفظ columnState التخطيط الذي يصنعه المستخدمون.
بيانات من الخادم
في وضع server تعرض الشبكة الصفوف كما تصل، وتُبلغ عن كل تغيير عبر queryChange. واضبط loading أثناء الجلب.