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

How to get search result from material-table and display it in PDF

I have integrated material table in react (reference: https://material-table.com/). I want to export the displayed data (all data and search results) to PDF using jspdf. Unable to get that in material table. Unfortunately, I'm unable to get all the…
supriya chavan
  • 1
  • 1
0
votes
0 answers

Error: Couldn't resolve extends clause of ./configs/.babelrc

Just installed material-table, a framework based on material-ui's Table Component. This is what i get in console and terminal: What i tried to do was installing different versions of babel, babel-core, babel-loader, from solutions i found. I…
index.jsx
  • 163
  • 2
  • 15
0
votes
1 answer

How do we use inline drop-downs of same values, multiple times in a material table?

I'm creating a time-table module. I wanted to show subjects as a drop down for all the 7 days in a table. (please refer to the image). When i select a subject in one of those dropdowns, the values are getting populated to all the other dropdowns.…
krishie
  • 59
  • 8
0
votes
0 answers

Limit number of selections on material-table 1.36.2?

I'm attempting to limit the number of rows that can be selected to any set integer (1 for example) on an older version of Material-Table (1.36.2) as I'm not able to upgrade the project to Material-UI 4.0 or above at this time (Still on 3.9.2). I…
CalebC
  • 101
  • 1
  • 8
0
votes
2 answers

How might I uncheck all rows of MaterialTable(mbrn/material-table) with a button?

I am building a reactjs web app where I use mbrn/material-table( https://github.com/mbrn/material-table) .The table has a functionality to check all rows in a field at once.But to unselect(or uncheck) all rows ,you need to click on the select all…
Surbhi Kohli
  • 11
  • 1
  • 4
0
votes
2 answers

How to fix text-align, font size and actions column width on react Material Table?

I have a MaterialTable in a React application and I need to align center the text on columns, fix the font size for the text on the columns. Also need to fix the width for the Actions column because the space between the actions column and the first…
Juan Cortés
  • 11
  • 1
  • 1
0
votes
1 answer

Dynamically editing/deleting data with Angular material i.e. dataSource refresh

I have an angular 7 material project that requires me to display a list of cars in Angular material table. The cars are populated from asp.net core back end. So far, everything works as it should except for dynamically altering/deleting cars, and…
Jenny From the Block
  • 165
  • 1
  • 11
0
votes
1 answer

How to set multi customer filters to work together

I have implement a angular table with filter, every column has own filter, but How can every filter work together. eg: I have a table, in which every column has own filter: just like this:…
user1938143
  • 1,022
  • 2
  • 22
  • 46
0
votes
1 answer

How to load more data when user scrolls in material UI table

I am making a GraphQL query to load Data in my Material UI table. I want it to load more data on scrolling. The data is populated in the table correctly, the pagination stuff is not working correctly. return (
Tanu
  • 1,286
  • 4
  • 16
  • 35
0
votes
1 answer

Is There any way to update table with data received from backend

I'm using material-ui to list group of violations to the user to select one or multiple violations, then during the selection i extract from each violation it's id and update the state so as a result i'll have an array of ids to send it to…
Salama Mohammed
  • 21
  • 1
  • 5
0
votes
1 answer

How can you customize a field when adding a row from the library material-table?

When adding a row to an editable table using the library material-table, how can you customize a field? I'd like to either make the field read-only or something else where the user cannot change the field. I've tried the read-only option for…
Isaac Pak
  • 4,467
  • 3
  • 42
  • 48
0
votes
1 answer

Is there a way to change the color of the loading icon from remote data for tables built with material-table?

I'm using this library material-table for my data table. I get the primary color of my theme for the circular-progress loading icon. I'd like to change it to the secondary color but I don't see any props for changing the styling for it. import…
Isaac Pak
  • 4,467
  • 3
  • 42
  • 48
0
votes
1 answer

I want keep the text in the filer section after a Material-Table rendering

Im filtering using remote mode in the Material-Table component, but after each filtered, and Material-Table rendered, it delete the text or selection from the filter section. So I would like to understand if there is a way in the table to keep this…
Orestes
  • 637
  • 1
  • 4
  • 19
0
votes
3 answers

How to Set Custom onChange onClick functions for Material-Table Select Checkboxes?

I have a question: I have a custom onClick and onChange functions I want included into the selection checkboxes How can I achieve that? So that when someone selects a checkbox generated from MT they run the custom onClick and onChange? also…
jabstein_gitlab
  • 1
  • 1
  • 2
0
votes
1 answer

How to render response from second request on material-table in reactjs

I am using material-table with reactjs to create a data grid. I am filling the table with data from a previous HTTP request from an API and want to render the response of a second HTTP request in another column of that same table render: rowData =>…
EAzevedo
  • 751
  • 2
  • 17
  • 46
1 2 3
…
48
49