Stack Overflow
Stack Overflow

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
1 answer

material table onRowClick and actions button click overlapping

openRightDrawer()} actions={[ { icon:"Check", tooltip:"Activate", onClick: () => activateAccount() } ]} components={{ Action: props => }} /> when I…
Srikanth Gowda
  • 6,163
  • 7
  • 19
  • 34
0
votes
1 answer

Angular + Material Table - How to drag & drop row if I use un Pipe filter

If all rows is display, my code drag & drop works without issues but if my pipeFilter hide deleted element my drag & drop does not work (reality work but not display). If I use my toggle 2 time, my display is right. My template:
Stéphane GRILLON
  • 11,140
  • 10
  • 85
  • 154
0
votes
4 answers

Material Table can not update

I am using Material-Table to create a table that loads data from an API that I made. When the page loads, the table properly loads and displays the data. But once I try to edit and update the data, all data gets lost and a message saying no data…
Zink
  • 111
  • 2
  • 9
0
votes
3 answers

React Material Table action OnClick event for edit and delete does not fire action

In order to disable some action only for some rows I'm trying to overwrite the Action for each row. I followed the answer given here: React Material Table action button markup overriding for multiple actions Action: props => { if (typeof…
lil-works
  • 640
  • 2
  • 10
  • 19
0
votes
1 answer

How to get the id in Material Table?

I am using "material-table": "1.53.0", with the editable and onRowUpdate options, I want to update the data in my table. I am using axios to call the put method, I can see the tab data well but when modifying any field and click on save I see the…
Emm
  • 321
  • 1
  • 3
  • 12
0
votes
1 answer

How to rename the header.actions field in Material-table?

I am currently using material-table library but it seems that renaming the action field is not possible? I need your help to do that. library: https://material-table.com/#/docs/features/localization I found the property that is responsible:…
Tarik EN-NAKDI
  • 1
  • 4
0
votes
1 answer

Custom GroupRow rendering (mbrn/MaterialTable) React

I am customizing groupRow of mbrn/material-table, But I don't find any documents for doing it. https://material-table.com/#/docs/features/grouping So far I managed to make the groupRow and its working fine. But now I don't know how to render the…
pradeep kumar
  • 983
  • 10
  • 21
0
votes
1 answer

Material-table with component as data not passing the component context in onChange event

I tried to add component as data in material table but i'm not able to access 'this' context of the component to update state in the onChange function. The editable feature provided by the material-table does not fit my requirement. class ClubList…
Vivek Ananda
  • 7
  • 4
0
votes
2 answers

How to get and link nested value to field passing columns to Material Table

I'm trying to create a table and I have nested data like this: [{ id: 24, name: "DANIEL TSUTOMU OBARA", number: "134", phone: "11111111111", rg: "4034092666", EmployeeStatus: { createdAt: "2019-08-07T14:38:52.576Z" description:…
Daniel Obara
  • 267
  • 1
  • 3
  • 13
0
votes
0 answers

Best approach to Table data from API? where have pagination react

I want some advice on what is the best way to handle data , where is i need to table it and on the API there is a pagination endpoint is something like this "meta": { "pagination": { "total": 50, "count": 10, …
hero to zero
  • 31
  • 6
0
votes
1 answer

How to change icon into text in material-ui-table component

In material-table row can be added by clicking on + icon on top right corner. I want to replace that icon with text like "ADD ROW". But material-table accept the icon object and there is not other prop to do it. Is there any way I can do it? I am…
Kashan Siddiqui
  • 27
  • 2
  • 6
0
votes
1 answer

Start search on Enter using React material-table

I'm new to using React and material-table and am trying to sort out how to initiate search after the user presses Enter. I've been able to find the debounceInterval option, but the API I am using to search remote data currently does not return…
tw1742
  • 1,424
  • 4
  • 18
  • 37
0
votes
1 answer

How to add switch with handler enable/disable with table row data in material table

How to add another action in the Material table and add this in the react material table with the element. and get row data onChange event. I am currently rendering on the state. Please check this code and suggest me how to use this.
Zulqurnain Huda
  • 3
  • 6
0
votes
1 answer

Material table editable is not working and needs some dependencies?

I would like to use a data table and that need to be editable. I installed Material-table and i got the error I got the demo in material ui table (material-table) which exactly solves my purpose. but it is not working my package.json { …
Selva Mary
  • 658
  • 1
  • 4
  • 17
0
votes
2 answers

Sharing data between parent and child components

I am new to reactjs. I am having a problem in data communication between two components. I am using material table in my application to list the data. I am having the create user form in different component. When a new user is created i need to…
Rana
  • 135
  • 1
  • 2
  • 8
1 2 3
…
48 49