cant array.map with css grid to make table for dynamic data

[sarkalam naidekhi]

Trying to make a table that looks like this with css grid:

Without using dynamic data and an array.map I can do it, but when it comes to writing this in a DRY way I just cant figure it out.

Snippet wont run(cant figure out how to use react with it), just to show code.

Show code snippet

 

Runnable code: https://codesandbox.io/s/polished-bush-x7vllz?file=/src/InfoTable/InfoTable.js:212-2192Dholki

javascriptreactjsdynamiccss-grid