ਡਾਟਾ ਗ੍ਰਿਡ ਸੌਰਟਿੰਗ, ਫ਼ਿਲਟਰਿੰਗ, ਪੰਨਿਆਂ ਅਤੇ ਐਡਿਟਿੰਗ ਵਾਲਾ ਇੱਕ ਨੇਟਿਵ ਟੇਬਲ ਹੈ। 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 ਸੈੱਟ ਕਰੋ।