Change MUI Table Cell direction

973 Views Asked by At

I have a MUI table and I am trying to do something a little bit custom inside a table cell, but the direction is vertical. I want it to be horizontal.

 <TableCell align='right' sx={{fontFamily:'Montserrat'}}>
                <button>-</button>
                <p>1</p>
                <button>+</button>
                    </TableCell>

how it looks now

1

There are 1 best solutions below

0
On

I suggest using this NPM package that i have created recently where you can customize how to render your cells

https://www.npmjs.com/package/@fatehmoh/mui-awesome-table