Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    one-iron
    @one-iron

    hello, i found material-table supports react@"^16.8.0 || ^17.0.0",
    may i know any plan to update for react 18.0.0 ?

    when install material-table in react 18.0.0, having this error.
    try to command with --force, or --legacy-peer-deps, still having errors..

     ```
 npm ERR! code ERESOLVE
 npm ERR! ERESOLVE unable to resolve dependency tree
 npm ERR! 
 npm ERR! While resolving: ---@0.1.0
 npm ERR! Found: react@18.1.0
 npm ERR! node_modules/react
 npm ERR!   react@"^18.0.0" from the root project
 npm ERR! 
 npm ERR! Could not resolve dependency:
 npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
 npm ERR! node_modules/@material-ui/core
 npm ERR!   @material-ui/core@"4.12.4" from the root project
 npm ERR! 
 npm ERR! Fix the upstream dependency conflict, or retry
 npm ERR! this command with --force, or --legacy-peer-deps
 npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
 npm ERR! 
 npm ERR! See /Users/lee/.npm/eresolve-report.txt for a full report.

 npm ERR! A complete log of this run can be found in:
 npm ERR!     /Users/lee/.npm/_logs/2022-04-27T05_46_23_128Z-debug-0.log

 ```
    Domino987
    @Domino987
    mbrn abadoned the project so there is no way to update to 18 for material table. For the community fork material table core, we are waiting on a few dependencies top update tracked here: material-table-core/core#536
    gokhansamet
    @gokhansamet
    Hello everyone, I want to scrollbar of table is going to up when after the search. I covered the material table with a div and it has a ref attr. But it is not working how can I achieve that ? 
        const divRef = useRef<null | HTMLDivElement>(null);
    useEffect(() => {
        divRef!.current!.scrollTo(0, 0);
    });
    return (
        <div ref={divRef}>
            <MaterialTable
    ogozman
    @ogozman
    Hello, is there any way to access tree nodes of the table and expand some of them programmatically? I want to make some nodes expanded by default.
    Alberto Corona
    @Alberto2302
    image.png
    Hola disculpen tenia instalado en un desarrollo a material-table pero actualice a react 18.1.0 y me dejo de funcionar lo reinstale y me sale este error
    lo malo que no se que versión de react tenia cuando si me funcionaba. ayuda por favor.
    Alberto Corona
    @Alberto2302
    @one-iron si lograste resolver ese error?
    Domino987
    @Domino987
    Yo no halo Espanol. @Alberto2302
    @ogozman yes I'll link an example
    Cezar04
    @Cezar04
    hey, i have a problem and i can't seem to find to root problem. It seems that material-table is overiding my other components styling. Does anybody have an idea how to fix this?
    Alberto Corona
    @Alberto2302
    @Domino987 Hello, sorry, I had material-table installed in a development but I updated to react 18.1.0 and it stopped working, I reinstalled it and I get this error
    The bad thing is that I don't know what version of react I had when it worked for me. please help.
    cbomgit
    @cbomgit
    Hello. I just stumbled upon material-table today and I have a question about column headers. Material UI core shows that you can group columns together (see https://mui.com/material-ui/react-table/#column-grouping) - is this possible using material-table?
    Domino987
    @Domino987
    @Cezar04 which version are you using? Can you share a sandbox
    @Alberto2302 we are not supporting react 18 because some of our libs don't support it yet
    @cbomgit we are different from the newly written table of mui and do not support it
    cbomgit
    @cbomgit
    ok thanks!
    Alberto Corona
    @Alberto2302
    @Domino987 thanks, the problem now is that if I download react to version 17 or 16 the same problem still appears, How can I make it accept it again by reinstalling react to a lower version
    ogozman
    @ogozman
    @Domino987 Hey, much appreciated, a link to example would be very helpful!
    Domino987
    @Domino987
    @ogozman did you try to use this prop https://github.com/material-table-core/core/blob/master/types/index.d.ts#L342
    ogozman
    @ogozman
    @Domino987 Wow! That was even simpler than I expected, thank you very much!
    cbomgit
    @cbomgit
    @Domino987 second question: using a react component in the tableHeader prop (even anything simple like a <span> hello world </span>) breaks the export to pdf function. is that expected? I'm using material-table 1.69.0 and react 16.8.6.
    cbomgit
    @cbomgit
    wait, I'm just realizing that there are two different packages and that the one i'm using is deprecated. I guess i need to switch over.
    cbomgit
    @cbomgit

    trying to switch now and facing a different error:
    `
    TypeScript error: Declaration or statement expected. TS1128

    21 | >;
22 |

    23 | export type { OnHandlers };
    | ^
    24 |
    `

    This is in node_modules/@material-table/core/types/helper.d.ts
    using:
    "@material-table/core": "^4.3.42",
    "@material-table/exporters": "^1.0.12",
    "@material-ui/core": "^4.12.4",
    and react 16.8.6
    cbomgit
    @cbomgit
    Looks like an issue with the version of Typescript I was using. All good now.
    Guille
    @GuilleFerru
    image.png ... Hi!, I want to disable defaultGroupOrder when adding or editing a row, how can I do that..
    gokhansamet
    @gokhansamet
    image.png
    mbrn/material-table#1760 ( It is not working). I want to reset position of the scrollbar when I search data or change page or change page size.
    What is the purpose of the elevation ?
    Domino987
    @Domino987
    https://mui.com/material-ui/react-paper/#elevation
    gokhansamet
    @gokhansamet
    I want to reset position of the scrollbar when I search data or change page or change page size. How can I provide this ? @Domino987.
    Domino987
    @Domino987
    @gokhansamet so you mean it jumps back to the start ? What did you try
    gokhansamet
    @gokhansamet
    @Domino987 yes, I want to see the scroolbar on the top. Actually, I try mbrn/material-table#1760 this and I tried using useRef but I can't handle
    Edgar Pozadas (CW)
    @Edgar-Pozadas_ghub
    Hi @Domino987 if I want to use material-ui v5 how should I install?
    Also, is this version updated with all the bug fixs? and if it is, will it continue?
    Domino987
    @Domino987
    @Edgar-Pozadas_ghub https://material-table-core.com/docs/material-ui-v5 yes it is and it will be in the future
    ogozman
    @ogozman
    Hello, i have to frequently rerender table when data is changed, this breaks sorting since it resets every time. I suppose i could use state to save the sorting and then set it when table is rendered. Is there a way to set sorting manually from the code? Thank you very much!
    ogozman
    @ogozman
    Hey, is there a way to get all the tableData of each row in order to sync it with the incomming data when the table is rendered?
    Domino987
    @Domino987
    @ogozman can you share sandboxes for oth your problems so we can udnerstand your problem better?
    what do you mena with sync it
    ogozman
    @ogozman
    @Domino987 Sorry, it is a bit hard to come up with helpful sandbox. I am talking about rows internal tableData, which is accessible through several functions, an example of using it is on this page. https://material-table-core.com/demos/selection/on-row-click
    I would like to implement bulk select on shift + click (i did not find any implementation, if it is there, would be great), which is why i need the tableData of previously unseen rows. Is there a way to get this tableData for all rows somehow? Thank you!
    Domino987
    @Domino987
    You can use the tableref to access the datamanager to get all the data
    ogozman
    @ogozman
    @Domino987 Thank you very much!
    Gianmarco
    @gian89
    has anyone ever had this problem? by selecting as an option that the columns are resizable and passing the "column" field as variable the columns are not resizable. If instead I write the entire array then they are resizable
    Gianmarco
    @gian89
    I also have another question. I wrote a whole component using version 1.69.1 but when I went to use it the page layout broke. This does not happen with version 2.0.3 but the component no longer works as it should. Does anyone have an idea for a solution or an idea
    Thank you! :)
    Domino987
    @Domino987
    Which version and which repo are you using
    the owner of the original repo just updted the mui version without verifying that it works, so for mui v5 use the fork material-table-core
    Gianmarco
    @gian89
    the layout problem come with material-table 1.69.1