material-table is a npm package that based on reactjs and material-ui.
material-table is a npm package that based on reactjs and material-ui. You can access its source code and documentation from github or its website.
Questions tagged [material-table]
731 questions
8
votes
2 answers
Applying specific theme for react material-table
I'm trying to integrate react material-table (https://github.com/mbrn/material-table) with my project.
I want to update the styling/theme.
I used something like.
{
…
Shelly
- 91
- 1
- 1
- 5
7
votes
3 answers
Why memory leak happend and render slowing down when I close and re-open react component (material-table)?
I have basic react example for learning and I use material-table in one of my components. Each time I change the page and re-open it (unmount and mount component), my component which contains material-table load more slowly. I share my code…
ChivalrouS
- 117
- 1
- 9
7
votes
2 answers
How to customize default export option in material-table
I am using material-table and I want to remove the default CSV & PDF export option.
I would like to have only an excel option.
How can I change the menu ?
Thank you
angus
- 3,210
- 10
- 41
- 71
7
votes
1 answer
Confirmation for custom action in Material Tabel [React]
Is it possible to add confirmation to custom action for example
actions={[
{
icon: 'save',
tooltip: 'Confirm',
onClick: (event, rowData) => { /* something */}
}
]}
I want to something like in…
sqtr
- 199
- 1
- 3
- 12
7
votes
6 answers
Angular material table sticky headers not working as expected
I forked the example on angular material table with sticky header and I added more data. I see that the headers are not sticky. Stackblitz here
Anyone knows how headers can remain sticky?
pantonis
- 5,601
- 12
- 58
- 115
7
votes
2 answers
material-table How to do selectable and editable table?
i want to do this one(some actions for selected and some actions for each row). Help please, thanks!
I use material-table with ReactJS. Now I have actions on each row without selectable, if add selection prop these actions disappear. I don't know…
oHorbachov
- 73
- 1
- 1
- 3
7
votes
2 answers
Check if a material-table row is still in edit mode
I'm using the material-table in a material-ui Stepper and the user tends to click on "next" button even though the table is still in edit mode. This results in a loss of data.
Can I somehow access the table information to check if the table/row is…
Tom Müller
- 71
- 1
- 5
7
votes
3 answers
"material-table" - How to add more rows per page and fix rendering - ReactJs
I am trying to apply more rows per page to my table from material table. Until now I found out that you can add an array with the wishful rows per page ex. rowsPerPageOptions={[5, 10, 25, 50, 100]}
, but my problem is when I apply the row of 100 the…
PandaMastr
- 687
- 3
- 14
- 35
7
votes
1 answer
Dynamic lookup from React's state in material-table
I'm using the material-table component, which I fill with dynamic data coming from Redux (an array of objects), but then I do other things with that data inside my component's state. To create column dropdown filters, there's an element inside each…
TheWoodStudio
- 213
- 5
- 13
7
votes
1 answer
Disable/remove pagination from react material-table
Is there any way to disable/remove pagination from react material-table. Im using the material-table plugin for react and finding it very difficult to remove the pagination. Any help is much appreciated
Leeyung
- 111
- 1
- 2
- 6
6
votes
2 answers
Fix the last row of react material-table to display the sum of a particular column?
We have a requirement display the total sum for 2 columns
import MaterialTable, {MTableToolbar, MTableAction} from "material-table";
.
.
.
stackMan10
- 732
- 6
- 25
6
votes
3 answers
Material-table - if no data show message
I am using material-table https://material-table.com/#/docs/get-started. However I can't seem to find any information about showing a default message if no data is returned?
I am wondering if anyone knows how I would go about this. Below is the test…
RussellHarrower
- 6,470
- 21
- 102
- 204
6
votes
1 answer
MUI Popover not anchoring properly (AnchorEl, React, material-table, MUI)
I've looked through many questions regarding popover anchoring, but I haven't seen any when using a MaterialTable element from the material-table library: https://github.com/mbrn/material-table .
While debugging it looks like the anchorEl properly…
user2166695
- 91
- 2
- 5
6
votes
1 answer
Remove the shadow around the table. - Angular Material Table
For the material table, I want to remove the shadow around the table. How could I do this because what I found in the doc and added to CSS didn't work.Or I would like to add keyboard shortcuts so that I can move between the lines with the arrow keys…
vargaadam
- 411
- 5
- 18
6
votes
2 answers
How to refresh Material-Table (Material-ui) component in ReactJS when data changes
I am using material-table in my ReactJS project, and I checked it documentation and I don't have a clue how to refresh the table when the data is continuously changing (like every 500ms or so). I appreciate any information.
The below code is of the…
Burak Ozdemir
- 75
- 1
- 1
- 6