gregnb / gregnb/mui-datatables

Striped columns

Open
#1,021 0 comments 0 reactions 0 assignees View on GitHub
question
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.