diff --git a/.changeset/fair-melons-exercise.md b/.changeset/fair-melons-exercise.md new file mode 100644 index 0000000..c68a28b --- /dev/null +++ b/.changeset/fair-melons-exercise.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": patch +--- + +make datagrid select column visible diff --git a/packages/react/src/components/DataGrid/_index.scss b/packages/react/src/components/DataGrid/_index.scss index 5668e97..4426c2e 100644 --- a/packages/react/src/components/DataGrid/_index.scss +++ b/packages/react/src/components/DataGrid/_index.scss @@ -84,12 +84,6 @@ tbody { background-color: var(--c--theme--colors--greyscale-000); } - - .c__datagrid__row__cell--select, .c__datagrid__header--select { - width: 0; - padding-right: 0; - } - } } diff --git a/packages/react/src/components/DataGrid/index.tsx b/packages/react/src/components/DataGrid/index.tsx index ddb2bac..01a17ad 100644 --- a/packages/react/src/components/DataGrid/index.tsx +++ b/packages/react/src/components/DataGrid/index.tsx @@ -199,8 +199,8 @@ export const DataGrid = ({ {headerGroup.headers.map((header, i) => { const style: CSSProperties = {}; - const column = columns[i]; - if (column && typeof column.size === "number") { + const column = headlessColumns[i]; + if (column && typeof column.size !== "undefined") { style.width = `${column.size}px`; } diff --git a/packages/react/src/components/DataGrid/utils.tsx b/packages/react/src/components/DataGrid/utils.tsx index c72009a..c48070b 100644 --- a/packages/react/src/components/DataGrid/utils.tsx +++ b/packages/react/src/components/DataGrid/utils.tsx @@ -50,6 +50,7 @@ export const useHeadlessColumns = ({ headlessColumns = [ columnHelper.display({ id: HEADER_ID_SELECT, + size: 34, header: () => null, cell: ({ row }) => (