score:3

Accepted answer

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
  }}

score:1

you can have this by overriding the toolbar component instead of using the actions property. below is an example code of the components property that you need on your <materialtable />, you can change the styles and components according to what you need:

components={{
    toolbar: (toolbarprops) => (
      <box display="flex" alignitems="center">
        <button
          style={{ marginleft: '8px', marginright: 'auto' }}
          variant="contained"
          color="secondary"
        >
          refresh
        </button>
        <mtabletoolbar {...toolbarprops} />
      </box>
    ),
  }}

Related Query

More Query from same tag