Как я могу добавить вертикальный разделитель столбцов в таблице материала-UI ⇐ Html

[Anonymous]

Я создал таблицу данной высоты (скажем, 70vh). Я хочу вертикальный разделитель колонны для всей высоты таблицы. Я могу добавить его, используя CSS для Tablecell. Но я хочу, чтобы там был разделитель столбцов Verticle, даже если у меня нет таблицы. < /P>

Код: Выделить всё

import React from "react";

//MUI Stuffs
import { makeStyles } from "@material-ui/core/styles";
import Paper from "@material-ui/core/Paper";

import Table from "@material-ui/core/Table";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableContainer from "@material-ui/core/TableContainer";
import TableHead from "@material-ui/core/TableHead";
import TableRow from "@material-ui/core/TableRow";

const useStyles = makeStyles((theme) => ({
tableContainer: {
maxWidth: "150vh",
margin: "auto",
marginTop: "15vh",
height: "70vh",
background: "#ccffff",
borderWidth: 2,
borderColor: "black",
borderStyle: "solid",
},
tableCell: {
borderRightStyle: "solid",
borderRightColor: "black",
},
tableHead: {
borderBottomStyle: "solid",
borderBottomColor: "blue",
borderBottomWidth: 3,
},
}));

function Canvas() {
const classes = useStyles();
const cols = ["Col1", "Col2", "Col3", "Col4", "Col5"];
return (




{cols.map((col) => (

{col}

))}







);
}

export default Canvas;

Подробнее здесь: https://stackoverflow.com/questions/659 ... l-ui-table