Skip to content

Commit

Permalink
Add docs for sticky-headers (#1413)
Browse files Browse the repository at this point in the history
* add docs for sticky-headers

* fix formatting
  • Loading branch information
Magnusrm authored Feb 19, 2024
1 parent 3622d7d commit 64b7815
Show file tree
Hide file tree
Showing 5 changed files with 30 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,7 @@ Below is a form with a repeating group that:
| [edit](edit) | No | Options for how to display the group when editing a row. |
| tableHeaders | No | List of components that are to be included as part of the table header fields. If not specified, all components are displayed. |
| [tableColumns](table/#widths-alignment-and-overflow-for-columns) | No | Object containing column options for specified headers. If not specified, all columns will use default display settings. |
| [stickyHeaders](table/#sticky-table-headers) | No | If set to `true`, the table headers will be sticky. |

## textResourceBindings

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,7 @@ Under vises et skjema med en repeterende gruppe som:
| [edit](edit) | Nei | Egenskaper og alternativer for redigerings-/utfyllingsvisningen for en repeterende gruppe. |
| tableHeaders | Nei | Liste over komponenter som skal utgjøre kolonner i tabellvisningen for den repeterende gruppen. Om ingen er spesifisert, blir alle komponenter fra `children` vist. |
| [tableColumns](table/#bredder-tekst-plassering-og-skjuling-av-overflødig-tekst) | Nei | Objekt som inneholder egenskaper for kolonnene som vises i tabellen. |
| [stickyHeaders](table/#sticky-tabell-headere) | No | Dersom satt til `true`, gjøres tabell headerene `sticky`. |

## textResourceBindings

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,20 @@ Example:

![Example for column options](column-options-example.png "Example for column options")

## Sticky table headers

{{<content-version-selector classes="border-box">}}
{{<content-version-container version-label="v4 (App Frontend)">}}

The table headers can be made sticky by setting the `stickyHeaders` property to `true`. This will make the headers stick
to the top of the table when scrolling. This is useful for tables with a lot of rows, where the headers are not visible
when scrolling down.

![Example for sticky header](sticky-header.gif "Example for sticky header")

{{</content-version-container>}}
{{</content-version-selector>}}

## Showing components directly in the table

It is possible to show components directly in the table view. This is done by setting `editInTable` to `true` for the
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,20 @@ Eksempel:

![Eksempel for kolonne options](column-options-example.png "Eksempel for kolonne options")

## Sticky tabell headere

{{<content-version-selector classes="border-box">}}
{{<content-version-container version-label="v4 (App Frontend)">}}

Tabell-headerene kan gjøres "sticky" ved å sette `stickyHeaders`-egenskapen til true. Dette vil få hodene til å sitte fast
øverst på tabellen ved scrolling. Dette kan være nyttig for tabeller med mange rader, der headerene ikke lenger er
synlige når man scroller nedover tabellen.

![Eksempel for sticky header](sticky-header.gif "Eksempel for sticky header")

{{</content-version-container>}}
{{</content-version-selector>}}

## Visning av komponenter direkte i tabellen

Det er mulig å tillate redigering av komponenter direkte i tabellen. Dette kan gjøres ved å
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 64b7815

Please sign in to comment.