Native na table ang data grid na may sorting, filtering, paging at pag-edit. Ilarawan ang columns, ipasa ang rows, at naka-format ang bawat cell ayon sa type nito para sa locale: mga numero, currency, petsa, oo at hindi, at mga label para sa mga value ng enum.
Nasa mga model ang state nito na puwede mong i-bind, i-save at ipadala sa server: sort, filters, search, page, selected, at columnState para sa mga lapad, pagkakasunod-sunod, pin at nakatagong column na pinili ng mga user. Kapag walang page, ang mga row na nakikita lang ang nire-render, kaya kasingkinis ng sampu ang pag-scroll sa 100,000 row.
Naaabot ng keyboard ang bawat cell, at sa panel ng bawat column, puwede itong i-sort, i-filter, i-pin, ilipat, i-fit at itago.
Paghahanap, pag-sort at mga page
Mag-type para mag-search sa bawat column. Mag-click sa header para mag-sort, at mag-Shift-click para magdagdag ng pangalawang column. Iginuguhit ng nuiGridCell ang status, at ibinibigay ng exportCsv() ang nakikita.
Pagpili
Nagdadagdag ang selection="multiple" ng mga checkbox at bina-bind nito ang mga key ng mga napiling row. Pumipili ng range ang Shift-click; pinipili ng box sa header ang bawat row na tumutugma.
Pag-edit
Mag-double click sa isang cell, pindutin ang Enter o basta mag-type. Pinapanatiling bukas ng validate ang editor na may mensahe; ina-update ng na-commit na edit ang rows at inilalabas nito ang cellEdit.
100,000 row
Kapag walang page, ang mga row na nakikita lang ang nire-render. Nananatili sa mga gilid ang mga naka-pin na column, at iniingatan ng columnState ang layout na ginawa ng mga user.
Data mula sa server
Sa server mode, ipinapakita ng grid ang mga row kung paano dumating ang mga ito at iniuulat ang bawat pagbabago sa queryChange. I-set ang loading habang nagfe-fetch ka.