Altinn / Altinn/app-frontend-react

Summary2: lik kolonnebredde for Grid og RG med "display": "table"

Open
#3,328 1 comment 0 reactions 0 assignees View on GitHub
area/summary area/table kind/feature-request org/brg status/for-consideration
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

Det største og mest innsendte skjemaet hos Årsregnskap - Vanlig årsregnskap RR0002 - har en kombinasjon av Grid og Repeating Group (RG) i underskjema. Med tanke på Summary2-visningen, så ønsker vi oss at tabellkolonnene blir mer likestilte med tanke på lesbarhet 🙏

I eksempelet vist her - visningen av Markedsbaserte obligasjoner (RG med display: table) og Andre finansielle instrumenter (RG med display: table) likestilles med Grid-visningen Investeringer (altså å ha lik bredde på første kolonnen). 😊

![Image](https://github.com/user-attachments/assets/710dca93-9f44-4e62-a20b-8612aaede8a8)

### Additional Information

TT02: [https://brg.apps.tt02.altinn.no/brg/aarsregnskap-vanlig-202406/](https://brg.apps.tt02.altinn.no/brg/aarsregnskap-vanlig-202406/)
Repo: [https://altinn.studio/repos/brg/aarsregnskap-vanlig-202406](https://altinn.studio/repos/brg/aarsregnskap-vanlig-202406)

(Sammendragsvisningen er på siste layout-siden/task "Signering")

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the Summary2 view in the linked TT02 application, on the Signering task, and compare the Grid with the Repeating Group components using display: table. Trace the Summary2 rendering entry point for these two layouts and adjust the column sizing so their first columns have matching widths. Done means both table sections are as readable and aligned as the Grid view.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.