how do i align text to center inside footer ? Footer: () => (

[shajithomas32]

 columns.push({
      header: "h1", accessorKey: 'h', minSize: 1,  size: 1,

      // muiTableBodyCellProps: {
      //   align: 'center',
      // },
      Footer: () => (

        <Stack>
          {spec}
        </Stack>

      ),
    });

[shajithomas32]

can i get a suggestion on this
how do i align text to center inside footer ? Footer: () => ( #956

[shajithomas32]

This resolved the issue margin: 'auto'

muiTableHeadCellProps: {
align: 'center',
},
muiTableBodyCellProps: {
align: 'center',
},
Footer: () => (

        <Box  sx={{margin: 'auto'}}>
         {sp}
        </Box>
      ),