I tried editing all sorts of CSS and elements of Table
and TableCells
but still I can't make the lines go away. How do you make lines go away between rows in the Table
element in Material UI?
As mentioned by Soothran in the comments, this is controlled by the bottom border of TableCell
. Below is one way to customize this.
import MuiTableCell from "@material-ui/core/TableCell";
const TableCell = withStyles({
root: {
borderBottom: "none"
}
})(MuiTableCell);