ตารางข้อมูลคือ table แบบเนทีฟที่เรียงลำดับ กรอง แบ่งหน้า และแก้ไขได้ กำหนด columns แล้วส่ง rows เข้าไป แต่ละเซลล์จะถูกจัดรูปแบบตามชนิดและ locale ทั้งตัวเลข สกุลเงิน วันที่ ใช่หรือไม่ใช่ และป้ายกำกับของค่า enum
สถานะทั้งหมดอยู่ใน model ที่ผูก บันทึก และส่งไปยังเซิร์ฟเวอร์ได้ ได้แก่ sort filters search page selected และ columnState ซึ่งเก็บความกว้าง ลำดับ การตรึง และการซ่อนคอลัมน์ที่ผู้ใช้เลือก เมื่อไม่แบ่งหน้า จะเรนเดอร์เฉพาะแถวที่มองเห็น 100,000 แถวจึงเลื่อนได้ลื่นเหมือนสิบแถว
ทุกเซลล์เข้าถึงได้ด้วยคีย์บอร์ด และแผงของแต่ละคอลัมน์ใช้เรียงลำดับ กรอง ตรึง ย้าย ปรับความกว้างให้พอดี และซ่อนคอลัมน์นั้นได้
ค้นหา เรียงลำดับ และแบ่งหน้า
พิมพ์เพื่อค้นหาในทุกคอลัมน์ คลิกหัวคอลัมน์เพื่อเรียงลำดับ และกด Shift ค้างไว้แล้วคลิกเพื่อเพิ่มคอลัมน์ที่สอง nuiGridCell วาดสถานะ ส่วน exportCsv() ส่งออกสิ่งที่แสดงอยู่
การเลือก
selection="multiple" เพิ่ม checkbox และผูกคีย์ของแถวที่เลือก กด Shift ค้างไว้แล้วคลิกเพื่อเลือกเป็นช่วง ส่วน checkbox ที่หัวตารางจะเลือกทุกแถวที่ตรงกับตัวกรอง
การแก้ไข
ดับเบิลคลิกที่เซลล์ กด Enter หรือพิมพ์ได้เลย validate จะเปิดตัวแก้ไขค้างไว้พร้อมข้อความ ส่วนการแก้ไขที่ยืนยันแล้วจะอัปเดต rows และส่ง cellEdit ออกมา
100,000 แถว
เมื่อไม่แบ่งหน้า จะเรนเดอร์เฉพาะแถวที่มองเห็น คอลัมน์ที่ตรึงไว้จะอยู่ที่ขอบ และ columnState จะเก็บเลย์เอาต์ที่ผู้ใช้จัดไว้
ข้อมูลจากเซิร์ฟเวอร์
ในโหมด server ตารางจะแสดงแถวตามที่ได้รับ และแจ้งทุกการเปลี่ยนแปลงผ่าน queryChange ตั้งค่า loading ระหว่างดึงข้อมูล