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
2
votes
1 answer
Angular Material Pagination Not Showing but is working
im using the material Pagination i have imported module i put th material-pagination's tag inside the table and i notice that if i change the pageSizeOptions inside the tag the number of element displayed change but the paginator itself is not…
Matteo Vigilante
- 41
- 3
2
votes
1 answer
How to write custom select/checkmark logic for material-table, to include selected rows inside of detail panel nested material-table
I have a material-table component where I am rendering a nested materiel-table in the detail panel of each row. I would like to know if there is a way to include detail panel material-table rows in the functions offered by the package. I am mainly…
Sirkow
- 63
- 9
2
votes
0 answers
How to disable the particular "Detail Panel" in material-table (React JS)
I would like to disable the particular row detail panel in material-table
Sample code below:
function OneDetailPanel() {
return (
Micro Kumar
- 167
- 1
- 12
2
votes
1 answer
Component definition is missing display name in reactjs?
I am complete my project. Now I am trying to get a production build. But I am getting an error with name "Component definition is missing display name". I am using nextjs.
From my whole proect only two component, show that error like image-
Clikc to…
user17786777
2
votes
1 answer
React Link to open new tab
I Have a React link in my material table.
actions={[
rowData => ({
icon: () => View ,
onClick: (rowData)
…
new_programmer11
- 71
- 1
- 6
2
votes
1 answer
Type error when using render when defining table columns in material table React
HI I am using Material table to generate table view, here I defined the columns:
const columns: TableColumn[] = [
{
title: 'TYPE',
field: 'type_of_action',
highlight: true,
},
{
title: 'DESCRIPTION',
…
Hongli Bu
- 461
- 12
- 37
2
votes
1 answer
row action based on row data in react material-table
I need to have a row action only in certain rows (with particular property values). For example, if I have a row that has the property isDeletable set to true, I would like to be able to delete it, i.e have a delete icon present in the actions…
GrimReverb
- 37
- 1
- 7
2
votes
0 answers
conditional editable on cellEdit in material-table
when i use editable attribute in schema
editable: (row, rowData) => {
return rowData.town === "scaraborough";
},
it works fine but when i use celEdit editable property of field just working with boolean
const tableRef =…
omid payandeh
- 121
- 8
2
votes
0 answers
TypeError: _this.props.data(...) is undefined in material-table
I am trying to perform CRUD operation on material-table along with server-side pagination and searching for this I am using remote data with material-table but facing props data error
I have tried this by reaping it in resolver but facing the same…
usman
- 31
- 4
2
votes
0 answers
React.js material table edit single cell only
I have a material table like so...
import MaterialTable from 'material-table';
Justin O
- 67
- 1
- 11
2
votes
1 answer
Material Table rowStyle background color change based on cell value in
I am trying to have the color of the row change colors based on the priority number. For example, if the priority is 4 the color of the entire row should be blue. The problem is that I'm unsure of how to achieve this. I know Material Table assigns…
Jen
- 352
- 3
- 12
2
votes
0 answers
How can I override MTablePagination component in Material- Table reactJS
I am stuck in my assignment,
I have more than one million rows and want to display them in material-table reactjs. How do I get data from back-end only for rows on one page and then get next set of rows on next page click?
import MaterialTable from…
f7f7f7f7f7
- 21
- 1
2
votes
1 answer
React Material Table - data is not filtered correctly
I am using Material Table in my React project. All is rendered just fine but filtering and searching is not OK. I have created sample code here:
https://codesandbox.io/s/confident-franklin-hkxet?file=/src/Table.jsx
Problem is that whatever I type…
Borislav Stefanov
- 533
- 3
- 15
- 38
2
votes
2 answers
access clicking edit icon in material table
I am using Material Table in Reactjs to show the table Data. Here I am stuck at a part where I want to change state when I click on the edit option/icon. I do not want to change the onClick functionality of Edit button, but I just want to access…
zahraei
- 79
- 1
- 9
2
votes
1 answer
Why am I getting the TypeError: _this.props.data is not a function
I am using material-table to build a table of users from a call to my API. The data returns just fine in the console, but when I got to render it, I get an error. Here is an image of my error.
And my code:
import React, { useState, useEffect,…
timbo245
- 175
- 1
- 14