Блог

Я использую material-table в своем приложении React. Я хочу добавить левую и правую границы к таблице.

Вот код для переопределения компонентов заголовка и тела.

       components={{
        Header: props => (
          <Box ml={2} mr={2}>
            <MTableHeader  {...props}/>
          </Box>
        ),
        Body: props => (
          <Box ml={2} mr={2}>
            <MTableBody  {...props}/>
          </Box>
        ),
      }}

  

Когда я пытаюсь добавить границы, заголовок и тело таблицы искажаются следующим образом:

Я также попытался переопределить компонент таблицы с помощью бумаги, но похоже, что бумага является оболочкой для реальной таблицы.