Refactored table body and footer with divs (#14346)

This PR refactors what is remaining of HTML table API to divs.

It is mainly about the body and aggregate footer.

Because a `position: sticky` creates a stacking context, and because a
div wrapping other divs prevents those children divs from being sticky,
it has been found that removing the wrapping container of both header
and footer allows us to have all z-index in the same stacking context
and create the right experience.

Though the fine-tuning of z-index will be done in another PR.

There are many fixes left that will be addressed very soon in subsequent
PRs.

This PR focuses on bringing a functional table both with and without
RecordGroups. (Check Task views for that)
This commit is contained in:
Lucas Bordeau
2025-09-08 12:13:50 +02:00
committed by GitHub
parent 9fe88c2639
commit 8fa1821e1a
27 changed files with 413 additions and 386 deletions
@@ -1,4 +1,4 @@
export const findByProperty = <T, K extends keyof T>(property: K, valueToMatch: T[K]) => {
export const findByProperty = <T, K extends keyof T>(property: K, valueToMatch: T[K] | null | undefined) => {
return (itemToFind: T) => {
return itemToFind[property] === valueToMatch
}