gregnb / gregnb/mui-datatables

Full size table is not displayed when using "scrollMaxHeight"

Open
#1,132 1 comment 0 reactions 0 assignees View on GitHub
duplicate
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

I am currently using v2.13.3 of mui-datatables. I am trying to display a full size table which will have a fixed header and displays a scrollbar when data overflows. However, when I try to use below options, the data is displayed but the table container max-width is set to 499px.

responsive: "scrollMaxHeight",
fixedHeaderOptions: {
xAxis: false,
yAxis: true
}

![Img](https://user-images.githubusercontent.com/12462947/71637071-3cce5a00-2c00-11ea-81de-524043b7b831.png)

Can anyone please suggest me how can I have it adjusted properly to display in full size.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue in mui-datatables v2.13.3 using responsive: "scrollMaxHeight" with fixedHeaderOptions and the reported table data. Trace the implementation of the scrollMaxHeight and fixed-header behavior, then verify that the table uses the available width while retaining a fixed header and an overflow scrollbar.

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.