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
0
votes
1 answer
How to use server side pagination with client filtration?
what i need is when i use remote data i want to be allowed to filter client side not server side here is my table
and my code for remote data
{
this.get(query);
…
Mohammed Saber
- 50
- 6
0
votes
1 answer
How to render images from a url in the data stream in material-table cell using React
I am trying to render images from a URL in material-table's cell, i was able to achieve this behavior using react-table but did not find enough documentation around it for material-table
Any help is appreciated, Thanks
Vijay
- 600
- 6
- 16
0
votes
1 answer
Remote Data selection is not working when we change page for Material-Table react
Whenever I select next page I am loosing selected rows of the previous page in Material-table
I am using material-table remote data and using MT default paging. Here is link
https://material-table.com/#/docs/features/remote-data
Please help me in…
user1850125
- 31
- 2
- 6
0
votes
1 answer
Remove detailPanel based in condition causes padding
Everyone, I'm trying to add detailPanel based in a condition, it leaves a space when I hide it like this
Link
And This Code works fine when I provide detail panel
get rowDetailsPanel() {
const { detailPanel, classes } = this.props;
// @Workarround…
Mohammed Saber
- 50
- 6
0
votes
0 answers
MaterialTable: Make Data from Parent Rows Available to Added Rows of Nested Data
I am using the material-table package to display nested data tables (two levels of nesting) in a React app. Here is a simplified version of my nested table to provide context:
My database query returns the nested rows as JSON on each record. I pass…
twgardner2
- 630
- 1
- 8
- 27
0
votes
2 answers
Is there a way to access the current view's data in material-table?
My use case is that when a user filters the table data using search, I'd like to be able to use an external widget to perform actions on each row of that data as it is shown in the table.
Right now I dump all my data into cols={MyData} and sort…
imjared
- 19,492
- 4
- 49
- 72
0
votes
1 answer
Typescript/react/material-table - No errors and blank page
i'm trying to implement the "material-table" library with typescript and react but the result is a blank page and no compiling errors.
Env config:
npm: 6.11.3
nodejs: 10.17.0
typescript: 3.7.2
tsconfig.json
{
"compilerOptions": {
"baseUrl":…
mrcesco
- 49
- 2
- 6
0
votes
0 answers
How can i make a row always editable?
I am using material-table in react. I need to make one row always editable. I cannot find the solution for this. Is there any solution?
Anuj
- 1
0
votes
1 answer
Error on used @material-table in react-project
I'm trying to include a library to react-project (typescript) material-table
I install @material-table in my package.json with command
sudo npm install material-table --save
this is what my configuration file package.json looks like
{
"name":…
Karina D.
- 49
- 1
- 6
0
votes
2 answers
React Material-Table, How to bind data that is obtained remotely?
The question comes from a issue where I need data binding and save it to a reducer so I can use pusher to modify the data when needed and it changes in real-time. The problems I find are that:
I am new in react and I don't really know much about…
BryceSoker
- 624
- 1
- 11
- 29
0
votes
1 answer
Is it possible to receive the displayed rows (and order ?) of a React Material-table
I am using React to render a component which I chose to use for its filtering capability that I found nowhere else. By default, let's say it displays 10 rows of my data.
As I filter the table, the rows displayed will be different, maybe 10, maybe…
David
- 73
- 2
- 10
0
votes
1 answer
How can get both text and value of lookup column on React material-table?
How can I get both text and value of lookup column from editable material-table? Lookup gets only value of selected item. For example;
{ "0":"Istanbul", "2":"Ankara", "3":"Izmir" }
If I select "Istanbul" on lookup then I get 0 value. But I need…
Tolga AYKURT
- 19
- 1
- 6
0
votes
1 answer
style search bars in material table
Hello Every body i'm using material table but i'm facing a styling issue which is the search fields not aligned like here
Layout view
and i don't know how to do it,
Any Clues ? Thanks In Advance.
Mohammed Saber
- 50
- 6
0
votes
2 answers
How to filter current data without making remote call? - Material Table(mbrn/material-table)
I am using mbrn/material-table with filtering on a column and remote data feature. When I filter by a term, the table makes an API call to the server with filter criteria in query object.
My expectation here is that on typing filter term I want the…
LAXIT KUMAR
- 459
- 6
- 7
0
votes
2 answers
Disable table row on another's selection
I'm using react material-table and and I was wondering if there's a way upon selecting table row to make other rows of the same table disabled. I'm using:
material-table selection: true
I saw that there's a "onSelectionChange" but I couldn't…
bfury
- 99
- 2
- 12