小编Abh*_*hra的帖子

Reactjs中表格组件的行间距

我正在尝试在表格组件的每一行之间创建空间。我在 TableRow、TableCell、TableBody 和 Table 上使用了类名和类属性,但没有任何效果。我也尝试创建自定义主题,但它也不起作用。这是代码,

const useStyles = makeStyles({
  table: {
    minWidth: 650
  },
  tableRow: {
    cursor: "pointer",
    borderLeft: "8px solid #9a031e",
    marginTop: "8px"
  },
  tableCell: {
    marginTop: "8px"
  }
});

function createData(name, calories, fat, carbs, protein) {
  return { name, calories, fat, carbs, protein };
}

const rows = [
  createData("Frozen yoghurt", 159, 6.0, 24, 4.0),
  createData("Ice cream sandwich", 237, 9.0, 37, 4.3),
  createData("Eclair", 262, 16.0, 24, 6.0),
  createData("Cupcake", 305, 3.7, 67, 4.3),
  createData("Gingerbread", 356, 16.0, 49, 3.9)
]; …
Run Code Online (Sandbox Code Playgroud)

reactjs material-design material-ui

0
推荐指数
1
解决办法
2万
查看次数

标签 统计

material-design ×1

material-ui ×1

reactjs ×1