Answer: How to customise datagrid footer by adding a new field next to the pagination

answer re: How to customise datagrid footer by adding a new field next to the pagination

Jun 29 '22

11

The question has already solved, but I want to share my interesting solution.

CustomFooter () {
  return (
    <GridFooterContainer&gt
      {/* Add what you want here */}
      <GridFooter sx={{
        border: 'none', // To delete double border.
        }} />
    </GridFooterContainer>
  );
}

GridFooterContainer is a pre-defined componenet that provides border-top and display…

Open Full Answer