【问题标题】:How do I remove gridlines (borders) in a React-Data-Grid?如何删除 React-Data-Grid 中的网格线(边框)?
【发布时间】:2019-07-11 00:54:27
【问题描述】:

我正在尝试从基本表格中删除网格线。这是一个代码框:https://codesandbox.io/s/rdg-cell-editing-u2ood

我该怎么做?我需要手动覆盖内部 css 类还是有道具可以做到这一点?

【问题讨论】:

  • 覆盖样式导致不需要的行为。 .react-grid-Cell { border: 0 }

标签: reactjs react-data-grid


【解决方案1】:

好像没有移除边框的道具。您可以通过覆盖 .react-grid-Cell 类的边框属性来做到这一点。

【讨论】:

    【解决方案2】:

    你需要使用CSS来去除边框,没有props来做。

    .react-grid-Cell {
      border: none;
    }
    

    Demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多