:point_up: Edit: @Domino987: but how can I pass state, in that function now
function TableDropDown()=>{
const[data,setData]=useState("");
//here got data from API and created dropdown
//now I want to use
}
const column=[{
title: <spam className={styles.colHeader}>name</spam>,
field: "name",
defaultFilter: data, //here in another function how can I use that state data for filtering??
customFilterAndSearch: (term, rowData) => {
console.log("term", rowData);
},]
},
<materialTable
components={{
Toolbar: TableDropDown,
}}
/>Please help me in this
Right now just using redux to store this
2 replies
I am doing crud operation using on a material table. One of the column is coming from another table in the database as a foreign key. How can I perform update on this? For example, the row consists of information of a students and each student has a referee. The referee is the foreign key here, and what do I have to do if I want to assign a different referee to a student?
Hello, I am trying to install material-table but am getting the following error every time I try ^ can anyone please help? I am using the latest version of React.
Or will react 18 be accepted in the future?
And if he would endure it, how long would that be?
I want to create an html template and there I have to use react, material ui v5 and material-table .
I tried a lot but the CDN link I found is not working. Showing me error like Reference error : require is not defined
Could anyone please create the html file for me and help me with an example with CDN links . For react, material ui v5 and material-table
Greetings everyone, I am trying to come up with a solution related to the edit rows. Right now, the user needs that when they click enter in the last column being edited, it saves the row (that is currently how it works) and then creates a new one. This feature increases the productivity when trying to add multiple rows. That said, has anyone tried doing this?
Is it possible to override material-table search functionality??
noob here with rollup, material, react, redux, etc ... trying to create a browser module, ... this has been driving me crazy. The moment I use <MaterialTable ... /> in one of my .tsx files (fairly large app, using quite a few libraries already), the app stops being usable by the browser, when I load it I immediately get a crash, console showing an error "TypeError: undefined has no properties" in ... a redux file?? I fear some misconfiguration in rollup, not bundling things together correctly, but I've been tweaking settings for the last hour, and still no luck. The only other thing that's suspicious is the error "JSX element type 'MaterialTable<object>' is not a constructor function for JSX elements." in my editor, but would not be the first time that the editor plugin uses different parameters from my rollup / tsconfig.json file.
now to the next problem: Element type is invalid, when using MaterialTable. By adding console.log() statements, MaterialTable seems to be a constructor that takes props, but when invoked with new MaterialTable(correctProps) it does not return a valid react object, eg, it does not have a render() method, the browser complains as much.
I suspect a tsconfig or babel missconfiguration here?
i just copied the code from here
https://material-table.com/#/docs/get-started
https://material-table.com/#/docs/get-started
now how do i disable the styles on material-table since its changing other components style on spacing and fonts
any idea on how to solve this?
Hey Guys, I'm using material-table, There is one scenario, I couldn't able to figure out how can we achieve it. I've attached a screenshot of the requirement. Please let me know if anyone have better approach.
Thanks.
Thanks.
Hi all, can i use two freeAction buttons to expend/collapse all detailpanels? I saw there is a similar question in 2019, but didn't find a good answer. I've tried this example, seems able to open detailpanels, but can't collapse: https://codesandbox.io/s/material-table-change-width-of-column-vsbk2?file=/src/index.js:6652-6666
