💄(react) using correct DataGrid header class
Previously the headers of the DataGrid were not aligned with the correct title class.
This commit is contained in:
5
.changeset/small-peaches-change.md
Normal file
5
.changeset/small-peaches-change.md
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@openfun/cunningham-react": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
using correct fs- class for DataGrid headers
|
||||||
@@ -168,10 +168,13 @@ export const DataGrid = <T extends Row>({
|
|||||||
<th key={header.id} colSpan={header.colSpan}>
|
<th key={header.id} colSpan={header.colSpan}>
|
||||||
{header.isPlaceholder ? null : (
|
{header.isPlaceholder ? null : (
|
||||||
<div
|
<div
|
||||||
className={classNames("c__datagrid__header", {
|
className={classNames(
|
||||||
|
"c__datagrid__header fs-h5",
|
||||||
|
{
|
||||||
"c__datagrid__header--sortable":
|
"c__datagrid__header--sortable":
|
||||||
header.column.getCanSort(),
|
header.column.getCanSort(),
|
||||||
})}
|
},
|
||||||
|
)}
|
||||||
{...(header.column.getCanSort()
|
{...(header.column.getCanSort()
|
||||||
? {
|
? {
|
||||||
role: "button",
|
role: "button",
|
||||||
|
|||||||
Reference in New Issue
Block a user