gregnb / gregnb/mui-datatables
Striped columns
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
## Expected Behavior
I'd like to be able to stripe the columns on a very dense table. I can find examples for striped rows, like this one: https://github.com/gregnb/mui-datatables/issues/201 but not for columns.
## Current Behavior
I tried to adapt the example in https://github.com/gregnb/mui-datatables/issues/201 by doing:
MUIDataTableBodyCell: {
cellStacked: {
"&:nth-child(odd)" : {
background: "gray"
},
}
but this makes everything gray.
## Your Environment
| Tech | Version |
|--------------|---------|
| Material-UI | 4.4.0 |
| MUI-datatables | 2.10.2 |
| React | 16.9.0 |
| browser | Chrome |
| etc | |
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the reported styling attempt with MUI-datatables 2.10.2, React 16.9.0, and Material-UI 4.4.0, then compare it with the striped-row example in issue #201. Done means a dense table can alternate column backgrounds without making every cell gray.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100