Material-table: Center align in column

[nikhilwbhatia]

How would I center align a button/custom rendered object in a column. Opting to custom render the column value forces left alignment, but is there an easy way to center the contents of the column?

[pak11273]

@nikhilwbhatia can you provide some minimal code to reproduce your issue?

[pak11273]

You can inline style any component like this:

````
columns={[
{
title: "Avatar",
field: "avatar",
render: rowData => (
style={{ height: 36, borderRadius: "50%", margin: "0 auto" }}
src={rowData.avatar}

test
)
}
]}
````

[emrekara37]

i close this issue. reopen if you needed please

[nikhilwbhatia]

Worked for me, thank you