gregnb / gregnb/mui-datatables

How can I merge cells with the same data?

Open
#1,912 0 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

# What I want
I want to merge cells with same data in a specific row as below. ( Please ignore the "No" column. )
![image](https://user-images.githubusercontent.com/65391273/164179047-d9b8dfd2-5ca0-4b5b-825d-cdf46e904910.png)

## Current Behavior
I configured the column like this:
( Because it is in the middle of migration from tui-grid, there may be some unnecessary options. please ignore them)
```js
const columns = [
{
name: 'analyst', label: 'ANALYST',
options: {
width: 'auto',
minWidth: 100,
rowSpan: true,
sort: true,
}
},
]
```


I configured MUIDataTable like this:

```

```
And this renders the table like below.

![image](https://user-images.githubusercontent.com/65391273/164180870-330f7020-8ba8-47b4-8389-ec4b46ae78c0.png)





I've read the documentation and search to get the results I want, but couldn't find a way.
Is there any effective way?



### My Environment

| Tech | Version |
|--------------|---------|
| Material-UI | "^4.12.4"|
| MUI-datatables | "^3.8.0"|
| React | 17.0.2 |
| browser | chrome |

Contributor guide

No contributing guide indexed for this repository

Research direction

No source files, tests, or entry points are named in the issue. Start by tracing how MUIDataTable renders rows and applies column options, then determine whether the requested same-value cell merging fits the existing table behavior. Done means the requested row grouping is supported and documented with verification for repeated values.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.