さまざまなCSSや要素を編集してみましたTable
しかしTableCells
、まだ線を消すことができません。Material Table
UI の要素の行間の線を消すにはどうすればよいですか?
ベストアンサー1
使用している場合MUI v5、props を使用できますsx
。新しい MUI リリースでは、tableCellClasses
ハードコードされた文字列を使用する代わりに、コンポーネント CSS className を型安全な方法で参照するのに役立つオブジェクトも追加されました"MuiTableCell-root"
。
import Table from "@mui/material/Table";
import TableCell, { tableCellClasses } from "@mui/material/TableCell";
<Table
sx={{
[`& .${tableCellClasses.root}`]: {
borderBottom: "none"
}
}}
>