rendering cells without width instead of skipping render to fix index issue
This commit is contained in:
parent
6a1c61606c
commit
5b55563886
2 changed files with 22 additions and 15 deletions
|
|
@ -57,6 +57,11 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
width: theme.spacing(10)
|
||||
// justifyContent: "center",
|
||||
},
|
||||
deviceContainer: {
|
||||
margin: theme.spacing(1),
|
||||
display: "flex",
|
||||
width: theme.spacing(10)
|
||||
},
|
||||
descriptionCellContainer: {
|
||||
margin: theme.spacing(1),
|
||||
marginLeft: theme.spacing(2),
|
||||
|
|
@ -68,7 +73,7 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
margin: theme.spacing(1),
|
||||
marginLeft: theme.spacing(2),
|
||||
display: "flex",
|
||||
width: theme.spacing(18)
|
||||
minWidth: theme.spacing(10)
|
||||
// justifyContent: "center",
|
||||
},
|
||||
green: {
|
||||
|
|
@ -413,7 +418,7 @@ export default function Devices() {
|
|||
sortKey: "name",
|
||||
render: (device: Device) => {
|
||||
return (
|
||||
<Box className={classes.cellContainer}>
|
||||
<Box className={classes.deviceContainer}>
|
||||
{/* // <Box > */}
|
||||
<Chip
|
||||
variant="outlined"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue