ਇਹ ਕੁਝ ਫਾਰਮੈਟਿੰਗ ਦੇ ਨਾਲ ਰੀਐਕਟ ਮਟੀਰੀਅਲ 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 ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ। ਮੂਲ ਪੰਨਾ ਨੰਬਰ ਐਪ ਹੈ