gregnb / gregnb/mui-datatables

How to change the color when I hover over a row in a table?

Open
#1,561 1 comment 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

If I understood correctly, there are 3 elements that decide on how to customize our table which are:

- MUIDataTable
- MUIDataTableBodyRow
- MUIDataTableBodyCell

But I cannot find any documentation on how to customize them. I keep google'ing but nothing comes up. For example,

`MUIDataTableBodyCell: {
root: {
fontSize: "16px",
},
},`

How can I know that there is a property called "fontSize"? Where can I find the documentation?

I'd like to change the color when I hover over a row in a table

Edit: I also want to choose the color when I select a row on the table

Thanks.
Emirhan Ulken

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names MUIDataTable, MUIDataTableBodyRow, and MUIDataTableBodyCell but no file or test. Start by locating the customization documentation and these components, then verify how hover and selected-row colors are configured. Done means the supported properties and an example for both states are documented.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
documentation, frontend
Issue type
Documentation
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.