avo-hq/avo

Add option to make table headers on index view sticky

開放

#1,116 建立於 2022年8月1日

 (10 則留言) (0 個反應) (0 位負責人)Ruby (308 個分叉)user submission
Avo 2Avo 3Front endHelp wantedhacktoberfest

倉庫指標

星標
 (1,778 顆星)
PR 合併指標
 (平均合併 1天 6小時) (30 天內合併 67 個 PR)

描述

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?

貢獻者指南