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
3
votes
1 answer
How to style in table cell for cell editable in react material table?
I am using a material table in my code. I am using cell editable. But when I edit my table cell, its style becomes weird. Please see the image. How to fix this.
Codesandbox code:…
theWanderer
- 576
- 2
- 10
- 30
3
votes
1 answer
How to add custom checkbox in column in react material table?
Hi i am using material table in react project. I want to add a checkbox in my table cell.
For example in Birth year colume in place of 1987. How to achieve…
theWanderer
- 576
- 2
- 10
- 30
3
votes
2 answers
How to change fontsize of options in Material ui autocomplete?
Hi i am using material table in my project and i want to know how to change font size of options in material ui autocomplete. Thank you
import React from 'react';
import TextField from '@material-ui/core/TextField';
import Autocomplete from…
theWanderer
- 576
- 2
- 10
- 30
3
votes
1 answer
How to apply disableGutters props on MTableToolbar?
I'm using react material-table and want to override default styles of toolbar to pass the prop disableGutters={true} as we can do in material-ui toolbar .
Here is my code
…
DevLoverUmar
- 11,809
- 11
- 68
- 98
3
votes
5 answers
React material-table - set row height
First of all, I have tested all possible solutions I have founded and I still didn't solve my problem.
I want to put a shorter height in my material-table rows. This is what it looks like right now.
Table
I would like my rows to have a height…
Marco Silva
- 81
- 1
- 6
3
votes
1 answer
React Material-Table onSelectionChange pass data to hook state
I am new on react, when I am trying to pass data form onSelectionChange property but when I try to apply it the selection of the table stop working
const [selectedRows, setSelectedRows] = React.useState([]);
const handleSetSelectedRows = (e) => {
…
Ahmad Matar
- 75
- 1
- 8
3
votes
1 answer
Material Table inner onClick shows only last row value
So the problem I am having is that I have a custom rendered column inside which there is a menu button clicking on it open a menu like this:
Now look at below code:
columns={[
{
title: 'Actions',
…
Hadi Pawar
- 1,090
- 1
- 11
- 23
3
votes
2 answers
How to make just 1 row editable in material-table?
Currently I have a table of my employees using material-table. There are some employees with certain flags which make the background row red. This is what it looks like:
What I want to do is to be able to edit the rows with the red backgrounds and…
matthewcoding0
- 85
- 1
- 6
3
votes
3 answers
How to concatenate two or more fields in material-table react
I'm trying to create a "Name" column in my material-table with concatenated firstname, lastname from my array, but It only accepts one data per field.
Any suggestion or help to make it possible ?
const client = {
firstname: "Tracy",
lastname:…
teedee
- 31
- 1
- 2
3
votes
0 answers
How can i request remote data after press enter? (mbrn/material-table)
I'm using remote data example from material table, The current behavior
In componentDidMount the data request by default.
any search or sorting make by default another request to get data based on the new query
I can delay the request by providing…
Mohammed Saber Mohammed
- 303
- 4
- 16
3
votes
2 answers
How to select the rows of a material table programmatically on onclick event of button -React js
I am Working with Material-Table . I need to select multiple rows on clicking a button based on some condition .the condition is written inside the code below. Can anyone guide me on how to select multiple rows based on some condition?
…
akshay kiran k v
- 31
- 1
- 3
3
votes
1 answer
How to add ids to material table rows?
I am working with React-material-table. I want to add a custom id to each row, which is then going to be utilized for the identifying elements via selenium. I have gone through the internet but wasn't able to get any help.
Here is what I am doing:
…
Haris
- 764
- 4
- 9
- 27
3
votes
1 answer
Getting error when using multiTemplateDataRows and formArrayName within the table tag of mat-table
I have been trying to use multiTemplateDataRows with reactive forms and giving formArrayName in the table tag of the mat-table but getting the error as Cannot find control with path: 'bankRelationData ->,
But this works fine when i remove the…
S Haque
- 31
- 1
3
votes
1 answer
React Material-UI How can I add a checkbox which is separate from table row click
I want to differentiate between a checkbox click and a row click.
For example, I want this behavior, when I click the checkbox, only the checkbox is checked and when I click the row, only the row is selected but the checkbox is not selected. How…
Amir
- 411
- 7
- 11
3
votes
2 answers
Material-table: How to change disable action button if my rowdata.status = cancelled
How to disable the action button based on rowdata.???
I am using material-table with remote data features.
I have to disable icon: build when rowdata.status is canceled.
I tried to look at the documentation but it didn't help. I also tried…
user1850125
- 31
- 2
- 6