gregnb / gregnb/mui-datatables

Typescript - Override MUIDataTableSelectCell not possible

Open
#1,391 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

Hey

I try to override the Table select cell but it is not possible since it does not exist in `overrides.d.ts`. The only classes that exists there are:

``` javascript
MuiTable: TableClassKey;
MuiTableBody: TableBodyClassKey;
MuiTableCell: TableCellClassKey;
MuiTableContainer: TableContainerClassKey;
MuiTableFooter: TableFooterClassKey;
MuiTableHead: TableHeadClassKey;
MuiTablePagination: TablePaginationClassKey;
MuiTableRow: TableRowClassKey;
MuiTableSortLabel: TableSortLabelClassKey;
```

This gives the behavior shown in the sandbox.

## Current Behavior
Should be able to override that class so I can change the color.

## Steps to Reproduce (for bugs)
https://codesandbox.io/s/muidatatables-custom-toolbar-6wue1?file=/index.js

I have added a codesandbox. It shows pretty good that the box does not turn green with the rest of the header.

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | ^4.9.2 |
| MUI-datatables | ^3.1.4 |
| React | ^16.13.1 |
| browser | ?? |
| etc | ?? |

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.