antd table tr 取消内边框

以下是如何取消 antd table 的 tr 元素内边框的方法：

1. 使用 CSS 样式表

.ant-table-tbody > tr > td {
  border: none;
}

2. 使用 tableProps 属性

在 Table 组件中设置 tableProps 属性，将 td 的 border 属性设置为 none。

<Table
  dataSource={dataSource}
  columns={columns}
  tableProps={{ bordered: false, style: { border: 'none' } }}
/>

相关问题

eact Antd Table 组件 修改tr的边框颜色

您可以通过自定义CSS来修改Antd Table组件中tr的边框颜色。以下是示例代码：

.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr.ant-table-row-selected:hover > td,
.ant-table-tbody > tr:hover > td {
  border: 1px solid #1890ff; /* 修改边框颜色为蓝色 */
}

您可以将上述CSS代码添加到您的项目中的样式文件中，并根据需要进行修改。当鼠标悬停在tr上时，边框颜色将更改为蓝色。

antd的table去掉底部边框

在Ant Design（antd）中，如果你想要去掉Table组件底部的边框，可以在CSS样式中针对`.ant-table-tbody tr:last-child td`或`.ant-table-tbody tr:last-child th`选择器设置`border-bottom`为`none`。这里是基本的步骤：

1. 首先，在你的项目的全局样式文件（如`index.css`或`global.less`）中找到引用Ant Design CSS的地方，确保覆盖掉默认样式。

2. 然后，添加自定义规则：

/* 如果使用less */
.ant-table-tbody tr:last-child {
  & > td, & > th {
    border-bottom: none !important; /* 使用!important以保证优先级 */
  }
}

/* 或者使用scss */
.ant-table-tbody tr:last-child {
  &:last-child {
    td,
    th {
      border-bottom: none !important;
    }
  }
}

3. 如果你想只针对特定表格，可以在表格元素内部应用样式，例如：

.your-table-class-name .ant-table-tbody tr:last-child {
  border-bottom: none !important;
}

记得替换`.your-table-class-name`为你实际使用的表格类名。