डेटा ग्रिड सॉर्टिंग, फ़िल्टरिंग, पेजिंग और एडिटिंग वाली एक नेटिव टेबल है। columns बताएँ, rows दें, और हर सेल अपने टाइप और लोकेल के हिसाब से फ़ॉर्मैट होता है: संख्याएँ, मुद्राएँ, तारीख़ें, हाँ और नहीं, और enum वैल्यू के लेबल।
इसकी स्थिति ऐसे मॉडल में रहती है, जिन्हें आप बाइंड कर, सहेज और सर्वर को भेज सकते हैं: sort, filters, search, page, selected, और लोगों की चुनी चौड़ाई, क्रम, पिन और छिपे कॉलम के लिए columnState। पेज न हों, तो सिर्फ़ दिखने वाली पंक्तियाँ रेंडर होती हैं, इसलिए 1,00,000 पंक्तियाँ भी दस जितनी आसानी से स्क्रॉल होती हैं।
हर सेल तक कीबोर्ड से पहुँचा जा सकता है, और हर कॉलम का पैनल उसे सॉर्ट, फ़िल्टर, पिन और फ़िट करता है, खिसकाता है और छिपाता है।
खोज, सॉर्ट और पेज
हर कॉलम में खोजने के लिए टाइप करें। सॉर्ट करने के लिए हेडर पर क्लिक करें, और दूसरा कॉलम जोड़ने के लिए Shift + क्लिक करें। nuiGridCell स्टेटस बनाता है, और exportCsv() वही देता है जो दिख रहा है।
चुनाव
selection="multiple" चेकबॉक्स जोड़ता है और चुनी गई पंक्तियों की कुंजियाँ बाइंड करता है। Shift + क्लिक से रेंज चुनी जाती है; हेडर का बॉक्स मेल खाने वाली हर पंक्ति चुनता है।
एडिटिंग
किसी सेल पर डबल-क्लिक करें, Enter दबाएँ या बस टाइप करें। validate संदेश के साथ एडिटर को खुला रखता है; लागू हुआ एडिट rows को अपडेट करता है और cellEdit एमिट करता है।
1,00,000 पंक्तियाँ
पेज न हों, तो सिर्फ़ दिखने वाली पंक्तियाँ रेंडर होती हैं। पिन किए कॉलम किनारों पर टिके रहते हैं, और columnState लोगों का बनाया लेआउट बनाए रखता है।
सर्वर से डेटा
server मोड में ग्रिड पंक्तियाँ जैसी आती हैं, वैसी ही दिखाता है और हर बदलाव queryChange में बताता है। डेटा लाते समय loading सेट करें।