fix(table striped): isStriped prop fix for multiple computed values in td (#2509)

* fix(table striped): multiple computed values in `td`

Fixed `Table` rendering the contents of the cell beneath the stripe for the multiple computed values

* fix(table striped): multiple computed values in `td`

* fix(table striped): changeset fix

* fix(table striped): changeset description enhancement

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: Alpha <116849110+alpha-xek@users.noreply.github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
Alpha Xek 2024-03-15 17:50:36 +05:30 committed by GitHub
parent cda881799c
commit 5ea479f6c4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 0 deletions

View File

@ -0,0 +1,5 @@
---
"@nextui-org/table": patch
---
Fixed an issue where the `Table` component incorrectly rendered cell contents beneath the stripe when multiple computed values were provided in a `td` (table cell) element.

View File

@ -185,6 +185,7 @@ const table = tv({
td: [ td: [
"group-data-[odd=true]:before:bg-default-100", "group-data-[odd=true]:before:bg-default-100",
"group-data-[odd=true]:before:opacity-100", "group-data-[odd=true]:before:opacity-100",
"group-data-[odd=true]:before:-z-10",
], ],
}, },
}, },