Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Punid Ramesh
    @punidramesh
    Hi, can anyone let me know how to set the state for grouping by default without the drag and drop ?
    3 replies
    Linos2508
    @Linos2508
    @Domino987 Do you an idea of when will you bump a new version?
    Domino987
    @Domino987
    I still have 2 issues to fix over the weekend. So this weekend probably
    cuongnv0920
    @cuongnv0920
    Hi everybody
    image.png
    I'm using editcomponent to upload a file to the server
    on the server i try console.log(req.file) but i get nothing
    can anyone help me
    Domino987
    @Domino987
    Did you check e.currentTarget. or would you be able to put this in a sandbox
    3 replies
    Praveen Somayaji
    @pravichandu_twitter
    Hi- I need some help on the table movement/positioning. I have a page which has headers and material table. i have to push the material table to few spaces below from top of the page. i tried to change padding values doesnot help. can some one be able to guide me ?
    Domino987
    @Domino987
    you need to share a sandbox of what you are doing
    Deepak Raghul Ravi
    @deepak0797
    i'm trying to add a button in a column in material button and on click of the button i'm trying to hit a url how to get the index of the row?
    i tried rowData.index it didn't work
    {title:'Show More',field:'internal_action',render: rowData => <Button as={Link} to={RouteMap.ShowMore + "?deployment=" + rowData.deployment_name+ "&index=" +rowData.index} size={"sm"} variant="warning">Show More</Button>}
    Jagdish Singh Mehra
    @jagdishlove:matrix.org
    [m]
    Hello, I want to create first row text as hyperlink so that if i click on column text then only we can see its information in next page, hown we can achive it?
    Domino987
    @Domino987
    @deepak0797 console log the rowdata to see what's in there
    @jagdishlove:matrix.org you can use the render prop of the column to render whatever you like
    1 reply
    Jagdish Singh Mehra
    @jagdishlove:matrix.org
    [m]

    https://codesandbox.io/s/material-table-core-with-axios-hooks-forked-mlv34r?file=/src/App.js

    @Domino987 I created input inside component Toolbar but when using state in onchange it is not working properly, even I used material ui menu the position is not showing correctly in only material-table, Can you please help me.
    Shared codesandbox code where created normal input and menu box which should come bottom of button.

    Jagdish Singh Mehra
    @jagdishlove:matrix.org
    [m]
    Okay, I used by creating a new functional component and inside that used same, but is there any other method?
    Domino987
    @Domino987
    @jagdishlove:matrix.org 2 things, The component needs to be a react component, but () => InputField is a function that returns a function, so just Toolbar: InputField, because Inputfield is already one. Also this.props is not working for functions but only for classes so you need to get the props from the parameter: https://codesandbox.io/s/material-table-core-with-axios-hooks-forked-b55iv6
    1 reply
    Jagdish Singh Mehra
    @jagdishlove:matrix.org
    [m]

    @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

    Jagdish Singh Mehra
    @jagdishlove:matrix.org
    [m]

    :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

    Domino987
    @Domino987
    @jagdishlove:matrix.org I have no idea what you mean or what the problem it. looks like you are mixing several things together that are not meant be together, and where does redux play into this? You need to provide a clear problem description and a sandbox
    2 replies
    Salman Chowdhury
    @salmanc2
    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?
    Domino987
    @Domino987
    Would you be able to add a basic Sandbox so that we can get a sense of the data structure and what is passed to what?
    Juan Diego Alvarez Nava
    @Diiegoav
    @Domino987 Do you an idea of when will you bump a new version?
    Domino987
    @Domino987
    I am on vacation right now so at the end of next week probably
    ogozman
    @ogozman
    Hello, is there any api to expand all rows in the table? I need to make a button or enable the one if it is provided.
    Chunwing Ng
    @ChunwingNg
    Has the issue of sorting a table with external data been solved? It seems that the issues have been persisting for versions after 1.61 and I haven't been able to get it working with 1.68
    JerryA1
    @JerryA1
    Hi, does anyone know if there is a default label option for empty data in the cell?
    imbysho
    @imbysho
    Hi, I have multiple detailsPanel and I nedd to open each one when click on a specific Cell, How can I do that?
    Arjan Mitra
    @arjanmitra
    Screen Shot 2022-08-28 at 1.21.40 PM.png
    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.
    Domino987
    @Domino987
    React 18 is not yet supported
    ogozman
    @ogozman

    Hello, is there any api to expand all rows in the table? I need to make a button or enable the one if it is provided.

    Bump

    laurapognante
    @laurapognante
    Hello! I updated my app to React 18 and Material Ui v5, is there a way to still use material-table ?
    Or will react 18 be accepted in the future?
    And if he would endure it, how long would that be?
    Domino987
    @Domino987
    It will be in the future, but we are still waiting for a few libs to upgrade. We do not know how long they will take but with the DND that hit updated, only a few are left
    laurapognante
    @laurapognante
    thanks!!
    Krishna Tandon
    @krishnatandon1208
    Hi,
    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
    Alejandro Plaza
    @A-Plaza
    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?
    Shoukathsandy
    @Shoukathsandy
    any one can help for renderSummaryRow with two column subtotal
    Domino987
    @Domino987
    Can you be more specific
    Manish Wagale
    @manishw:matrix.org
    [m]
    Is it possible to override material-table search functionality??
    Domino987
    @Domino987
    Of course, the easiest way would be to override the filter and sorting I'm one column
    Carlo Contavalli
    @ccontavalli
    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.