mobileview table

[johlie]

Added responsive design to table.

Description

Related Issue(s)

• {issue number}

Verification

• [ ] Your code builds clean without any errors or warnings
• [ ] Manual testing done (required)
• [ ] Relevant automated test added (if you find this hard, leave it and we'll help out)
• [ ] All tests run green

Documentation

• [ ] User documentation is updated with a separate linked PR in altinn-studio-docs. (if applicable)

[codecov-commenter]

Codecov Report

Base: 94.04% // Head: 89.10% // Decreases project coverage by -4.93% :warning:

Coverage data is based on head (ddc9294) compared to base (da71c71). Patch coverage: 48.36% of modified lines in pull request are covered.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #252 +/- ## ========================================== - Coverage 94.04% 89.10% -4.94% ========================================== Files 82 83 +1 Lines 1142 1212 +70 Branches 339 378 +39 ========================================== + Hits 1074 1080 +6 - Misses 59 123 +64 Partials 9 9 ``` | [Impacted Files](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn) | Coverage Δ | | |---|---|---| | [src/components/Table/ResponsiveTable.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvUmVzcG9uc2l2ZVRhYmxlLnRzeA==) | `16.45% <16.45%> (ø)` | | | [src/components/Table/TableCell.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsLnRzeA==) | `55.55% <63.63%> (-5.85%)` | :arrow_down: | | [src/components/Pagination/Pagination.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeA==) | `76.31% <70.00%> (ø)` | | | [src/components/Table/Toolbox.ts](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVG9vbGJveC50cw==) | `90.90% <90.90%> (ø)` | | | [src/components/Map/Map.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvTWFwL01hcC50c3g=) | `90.00% <100.00%> (-1.43%)` | :arrow_down: | | [src/components/Table/Table.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4) | `90.90% <100.00%> (ø)` | | | [src/components/Table/TableBody.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5LnRzeA==) | `100.00% <100.00%> (ø)` | | | [src/components/Table/TableFooter.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVGb290ZXIudHN4) | `50.00% <100.00%> (-4.55%)` | :arrow_down: | | [src/components/Table/TableHeader.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIudHN4) | `100.00% <100.00%> (ø)` | | | [src/components/Table/TableRow.tsx](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn#diff-c3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cudHN4) | `100.00% <100.00%> (ø)` | | | ... and [12 more](https://codecov.io/gh/Altinn/altinn-design-system/pull/252?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn) | | Help us with your feedback. Take ten seconds to tell us [how you rate us](https://about.codecov.io/nps?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn). Have a feature suggestion? [Share it here.](https://app.codecov.io/gh/feedback/?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Altinn)

:umbrella: View full report at Codecov.
:loudspeaker: Do you have feedback about the report comment? Let us know in this issue.

[olemartinorg]

I took the liberty of converting this to draft, while you're working on it alongside the related task in app-frontend. Just let me know when you're ready (I believe you can mark it as ready and request a review in github, which will let me know).