Altinn / Altinn/app-frontend-react

Table components: Wider-than-container tables + frozen columns

Open
#1,210 0 comments 0 reactions 0 assignees View on GitHub
area/table kind/feature-request org/ssb ux
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

In #107, it was planned that our table components (now `Grid`, repeating `Group`, and to some extent `List`) should support lots of columns with a wide scrollable container:

https://user-images.githubusercontent.com/1464915/156507329-ada6e5ee-1cae-45db-80ad-f04c7c33f9f5.mov

This should probably be an optional parameter that can be set on these components, allowing columns to expand greater widths than the container they're in, with a forced horizontal scrollbar.

In addition, #107 mentioned support for 'frozen columns', where one or more of these columns are 'sticky' and are always displayed when the user is scrolling horizontally.

### Additional Information

- #107

Contributor guide

Open the contributing guide

Research direction

Start by reading the existing Grid, Group, and List table components, then review issue #107 for the earlier requirements. Determine how an optional wide scrollable container and frozen columns should work across these components. Done means the components support the requested horizontal scrolling and sticky-column behavior without forcing it on existing users.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.