ডেটা গ্রিড হলো সর্টিং, ফিল্টারিং, পেজিং ও এডিটিংসহ একটি নেটিভ টেবিল। 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 সেট করুন।