gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-25 15:55:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add selectedBodyRowClassName class name

Browse Source
This commit is contained in:
ValdiANS
2026-01-23 23:01:33 +07:00
parent abc35314a0
commit 51c3277b6c
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Table.tsx
+10 -3
View File
@@ -31,6 +31,7 @@ interface TableClassNames {
headerColumnClassName?: string; headerColumnClassName?: string;
tableBodyClassName?: string; tableBodyClassName?: string;
bodyRowClassName?: string; bodyRowClassName?: string;
selectedBodyRowClassName?: string;
bodyColumnClassName?: string; bodyColumnClassName?: string;
tableFooterClassName?: string; tableFooterClassName?: string;
footerRowClassName?: string; footerRowClassName?: string;
@@ -88,9 +89,11 @@ export const TABLE_DEFAULT_STYLING = {
headerColumnClassName: headerColumnClassName:
'px-4 py-3 border-base-content/10 text-base-content/50 text-sm font-medium', 'px-4 py-3 border-base-content/10 text-base-content/50 text-sm font-medium',
tableBodyClassName: '', tableBodyClassName: '',
bodyRowClassName: 'border-t border-base-content/10', bodyRowClassName:
'transition-all duration-200 border-t border-base-content/10 bg-transparent',
selectedBodyRowClassName: 'bg-primary/5',
bodyColumnClassName: 'px-4 py-3 text-base-content', bodyColumnClassName: 'px-4 py-3 text-base-content',
paginationClassName: '', paginationClassName: 'px-3',
tableFooterClassName: 'font-semibold border-base-content/10', tableFooterClassName: 'font-semibold border-base-content/10',
footerRowClassName: 'bg-base-200 border-t-2 border-base-content/10', footerRowClassName: 'bg-base-200 border-t-2 border-base-content/10',
footerColumnClassName: 'p-4 text-base-content whitespace-nowrap', footerColumnClassName: 'p-4 text-base-content whitespace-nowrap',
@@ -353,7 +356,11 @@ const Table = <TData extends object>({
key={row.id} key={row.id}
className={cn( className={cn(
TABLE_DEFAULT_STYLING.bodyRowClassName, TABLE_DEFAULT_STYLING.bodyRowClassName,
tableClassNames.bodyRowClassName tableClassNames.bodyRowClassName,
{
[tableClassNames.selectedBodyRowClassName]:
row.getIsSelected(),
}
)} )}
> >
{row.getVisibleCells().map((cell) => ( {row.getVisibleCells().map((cell) => (