マテリアルUIテーブルのセル間の線を削除する方法 質問する

マテリアルUIテーブルのセル間の線を削除する方法 質問する

さまざまなCSSや要素を編集してみましたTableしかしTableCells、まだ線を消すことができません。Material TableUI の要素の行間の線を消すにはどうすればよいですか?

ベストアンサー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"
    }
  }}
>

ライブデモ

編集 57325232/how-to-remove-lines-between-cells-in-table-in-material-ui

おすすめ記事