Пользовательский интерфейс материала реагирует на отсутствие заголовка таблицы действий - PullRequest
Новая
       42

Пользовательский интерфейс материала реагирует на отсутствие заголовка таблицы действий

0 голосов
/ 07 мая 2020

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

enter image description here

enter image description here

1 Ответ

2 голосов
/ 07 мая 2020

Как правило, вам нужно добавить еще TableCell к вашему TableRow внутри TableHead, так как тело не связано с вашей строкой заголовка.

Я бы рекомендовал назвать заголовок этого столбца чем-то например «Действия», если вы добавляете дополнительные «действия». 

<TableContainer component={Paper}>
      <Table>
        <TableHead>
          <TableRow>
            ...
            <TableCell> Actions </TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          ...
        </TableBody>
      </Table>
</TableContainer>

Если вы хотите добавить всплывающую подсказку, вы можете попробовать обернуть ее в компонент Tooltip ( Material-Ui Tooltip ) 

<TableContainer component={Paper}>
      <Table>
        <TableHead>
          <TableRow>
            ...
          </TableRow>
        </TableHead>
        <TableBody>
          ...
          <Tooltip title="Save User">
             <Button/>
          </Tooltip>
        </TableBody>
      </Table>
</TableContainer>
...