diff --git a/package.json b/package.json index 5800dc71..7892683e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@launchpadlab/lp-components", - "version": "10.0.1", + "version": "10.1.0", "engines": { "node": "^18.12 || ^20.0" }, diff --git a/src/tables/components/table-header.js b/src/tables/components/table-header.js index 3eb4acb0..66abac28 100644 --- a/src/tables/components/table-header.js +++ b/src/tables/components/table-header.js @@ -12,7 +12,7 @@ const propTypes = { } function TableHeader({ - column: { name, label, disabled }, + column: { className, name, label, disabled }, sortPath, ascending, onClick, @@ -22,7 +22,7 @@ function TableHeader({ return ( {label || startCase(name)} diff --git a/test/tables/sortable-table.test.js b/test/tables/sortable-table.test.js index bb14ed6d..7dd16bf4 100644 --- a/test/tables/sortable-table.test.js +++ b/test/tables/sortable-table.test.js @@ -476,4 +476,15 @@ describe('SortableTable', () => { ) expect(screen.getByText('My Table')).toHaveClass('custom-caption') }) + + test('Column with custom className is propagated to TableHeader', () => { + render( + + + + ) + + const header = screen.getByText('Name').closest('th') + expect(header).toHaveClass('foo') + }) })