Search code examples
reactjsmaterial-uimaterial-table

How to change the position of a free action icon in react material-table


I want to place a freeAction button in material-table at top-left. Here is the the illustration of what I want.

enter image description here

I know it's something like component-overriding. But unable to do that and can't find any example.


Solution

  • Thanks everyone for your attention. It was so easy, but didn't find before. I added an option in Material-Table markup as

      options={{
        search: true,
        actionsColumnIndex: -1,
        toolbarButtonAlignment:"left" // here is the option to change toolbar buttons' alignment
      }}