avo-hq/avo

Add option to make table headers on index view sticky

オープン

#1,116 opened on 2022/08/01

 (10 件のコメント) (0 件のリアクション) (0 人の担当者)Ruby (308 件のフォーク)user submission
Avo 2Avo 3Front endHelp wantedhacktoberfest

Repository metrics

Stars
 (1,778 個のスター)
PR merge metrics
 (平均マージ 1d 6h) (30d で 67 merged PRs)

説明

Feature

Add option to make table headers on index view sticky. If we have many rows on the index table, after scrolling down the header becomes hidden, and although it's not crucial, it would be a nice UX improvement to be able to see the column names.

Current workarounds

None

Screenshots

image

Additional context

Initially, I thought this would be as simple as adding position: sticky to the table header, but it's not enough, because the whole table is inside a div with overflow-auto, and that doesn't play nicely with sticky. This article explains this problem well.

Any ideas on how best to implement this?

コントリビューターガイド