gregnb / gregnb/mui-datatables

Mui datatable expanded view taking column width

Open
#1,262 4 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

Mui datatable in expanded view(nested table) is taking width of its parent row column.

## Expected Behavior
On row expansion, expanded view should take full width of parent row.

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 4.3 |
| MUI-datatables | 2.14 |
| React | 16.8 |
| browser | Chrome |
![mui datable expanded view](https://user-images.githubusercontent.com/20874305/79612055-d2c8ba80-80f3-11ea-90aa-6e3f7b939a01.JPG)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the nested-table expanded view with Material-UI 4.3, MUI-datatables 2.14, and React 16.8 in Chrome, then inspect the row-expansion rendering and layout. Done means the expanded view takes the full width of the parent row rather than the width of its column.

Written by the indexing model from the issue text.

Assessment

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