Ширина таблицы столбцов не совпадает над строкой - PullRequest
Новая
       5

Ширина таблицы столбцов не совпадает над строкой

0 голосов
/ 21 октября 2018

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

<TableHead>
          <TableRow >
            <TableCell >Used For</TableCell>
            <TableCell numeric >URL</TableCell>
            <TableCell numeric >User</TableCell>
          </TableRow>
        </TableHead>


            <TableBody  displayRowCheckbox={false}>

              {data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map(data => {
                return (
                    <div className={classes.body}>                  
                            <TableRow  className={classes.row}>
                            <Typography
                            // variant="body2" 
                            className={classes.titleFont}
                            >
                            {data.title}
                            </Typography>
                            </TableRow>
                            <TableRow className={classes.row}>
                            <TableCell>{data.usedfor}</TableCell>
                            <TableCell numeric>{data.url}</TableCell>
                            <TableCell  numeric>{data.username}12</TableCell>
                          </TableRow>


 body:{

    height: 'auto !important',

 },
 row:{
  borderWidth: "3px",
  borderStyle: 'solid',
  borderColor: "black",


  display: 'flex',


 },
...