Questions tagged [material-table]

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.

731 questions
0
votes
2 answers

how can i put the selected state in tree data by first render

i use material-table and i want render the permission tree with material-table tree data my data may like this [ { id: 1, name: 'a', type: 'adult', selected:true, }, { id: 2, name: 'b', …
-1
votes
1 answer

How do I get rid of the scrollbar near my pagination options on the bottom of my Material UI Table

I tried messing around with the width and aspect ratio of my table, however, that did not solve the issue. There is adequate space for all of the pagination options thus I do not know why the scrollbar is there in the first place.
-1
votes
1 answer

Updating data doesnt expand the data tree inside material-table

Im trying to build a table with nested tree folder inside. When trying to add nested data into the datasource data the structure will not updated and will not toggle anymore. Code…
-1
votes
1 answer

Material React Table, Fetching Data from API cannot read properties of null

I use React-Material-Table and I try to fetch some data from API, however, some values are null and I get "Uncaught TypeError: Cannot read properties of null (reading 'name')" error. 1-How can I solve this problem? 2-May I have a default value or at…
-1
votes
1 answer

LocalStore Filters and Groups Of Material-table

New to React and Material-Table. I have filters and grouping allowed in my material-table. How can i save the filters and groups to the local storage and load them?
CoupFlu
  • 311
  • 4
  • 20
-1
votes
1 answer

How row Span added to material table Angular?

I'm trying to add rowSpan to my table. Please refer below attached sample table and my data set .I need table like that. Can anyone help me to do this?
-1
votes
1 answer

React material-table filling dropdown

table in react, I am populating it fine, but I wanted to add dropdown on edit, and I wanted dropdown to be populated from API call. I am getting results just fine, but my dropdown is just empty... Here is my call to API's useEffect(() => { …
user13401262
  • 121
  • 10
-1
votes
1 answer

How to remove a column from a table

When using detailPanel option a new column will be added that contains an icon button. How can I remove this extra column ? Thank you
angus
  • 3,210
  • 10
  • 41
  • 71
-1
votes
2 answers

Using ternary operator inside map using which I want to change column width of material table

I'm trying to change column widths based on the ids received from the map function. Here is the code: { tableData.header.map(header => { header.id ===…
Amit
  • 111
  • 2
  • 14
-1
votes
1 answer

How to specify all columns as sort-able using material-table library in react

In my React application, I am using material-table, some of my columns are sortable and some of them are not: Column-1 is check box, Column-2 could able to sort, but Column-3 unable to sort. Parent class class Parent extends Component{ …
Sara
  • 189
  • 1
  • 13
-1
votes
3 answers

React material-table and redux dev tools

I am learning to React development. I build an application using react and redux. Recently I have added material-ui and material-table into my project and it seems that material-table is overriding my redux actions and states in Redux DevTools. The…
1 2 3
48
49