ਕੁਝ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਰੀਐਕਟ ਮਟੀਰੀਅਲ UI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਾਰਣੀ ਬਣਾਓ

ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ ਸਾਡੇ ਸਾਧਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਇਹ ਕੁਝ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਰੀਐਕਟ ਮਟੀਰੀਅਲ UI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਾਰਣੀ ਬਣਾਉਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ। ਮੈਂ ਵਾਸਤਵਿਕ ਟੈਸਟ ਡੇਟਾ ਤਿਆਰ ਕਰਨ ਲਈ faker.js ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ। ਮੂਲ ਪੰਨਾ ਕ੍ਰਮ ਲਾਗੂ ਕੀਤਾ ਗਿਆ ਹੈ।

ਕੋਡ: https://github.com/diikay/react-faker-mui-table-eg

ਗੂਗਲ ਕਲਾਉਡ ਫਾਇਰਸਟੋਰ ਪਾਈਥਨ

ਸਮੱਗਰੀ UI ਪੰਨੇ (ਵੀਡੀਓ ਵਿੱਚ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ):
ਸਮੱਗਰੀ UI ਸਾਰਣੀਆਂ: https://material-ui.com/components/tables/
ਉਪਰੋਕਤ ਪੰਨੇ ਤੋਂ, ਮੈਂ ਟੇਬਲ ਲਈ 'ਬੇਸਿਕ ਟੇਬਲ' ਉਦਾਹਰਨ ਅਤੇ ਪੰਨਾਕਰਨ ਲਈ 'ਫਿਕਸਡ ਹੈਡਰ' ਉਦਾਹਰਨ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ ਹੈ।
ਸਮੱਗਰੀ UI ਥੀਮਿੰਗ ਪੈਲੇਟ: https://material-ui.com/customization/palette/
ਸਮੱਗਰੀ UI ਟਾਈਪੋਗ੍ਰਾਫੀ: https://material-ui.com/components/typography/



Faker.js: https://github.com/marak/Faker.js/

ਮੈਂ ਵਰਟਕੋਇਨ ਕਿੱਥੇ ਖਰੀਦ ਸਕਦਾ ਹਾਂ

ਪ੍ਰਤੀਕਿਰਿਆ ਐਪ ਗਾਈਡ ਬਣਾਓ: https://reactjs.org/docs/create-a-new-react-app.html

ਗਾਹਕ ਬਣੋ: https://www.youtube.com/channel/UCnEs7yPZcmeMGWfTTJBwt-g/featured

www.youtube.com

ਕੁਝ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਰੀਐਕਟ ਮਟੀਰੀਅਲ UI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਾਰਣੀ ਬਣਾਓ

ਇਹ ਕੁਝ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਰੀਐਕਟ ਮਟੀਰੀਅਲ UI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਾਰਣੀ ਬਣਾਉਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ। ਮੈਂ ਵਾਸਤਵਿਕ ਟੈਸਟ ਡੇਟਾ ਤਿਆਰ ਕਰਨ ਲਈ faker.js ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ। ਮੂਲ ਪੰਨਾ ਨੰਬਰ ਐਪ ਹੈ

ਇਹ ਵੀ ਵੇਖੋ: