antdesign的table设置border为false，底部还是有边框

在Ant Design（蚂蚁设计）的Table组件中，如果你想让表格看起来没有底部边框，即使设置了`border={false}`，默认情况下，表格仍然会有分页、排序等操作栏的下边界。如果你只想去掉主体部分的边框，可以尝试以下方法：

1. 使用CSS覆盖：你可以创建一个自定义样式，并针对`.ant-table-tbody tr:last-child td` 或 `.ant-table-tbody tr:last-child th` 这些选择器来清除底部边框。例如：

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

2. 如果你是在使用Ant Design提供的API，可以尝试使用`rowClassName`属性来自定义每行的类名，然后在那个类里面隐藏底部边框。

3. 如果你希望完全去掉所有边框，包括操作栏下的边框，可以将整个表格放在一个无边框的容器里，比如`<div style="border-collapse: collapse;">`。

然而，如果表格有分页或搜索功能，这些功能区域依然会保留边框。如果你需要移除所有区域的边框，建议直接禁用这些附加功能。

相关问题

antdesign的table设置border为false，无数据的时候底部还是有边框

在Ant Design的Table组件中，如果你想让表格在没有数据时仍然保持无边框的效果，可以采取以下几个步骤：

1. 设置`border`属性为`false`：在Table组件的样式中，通常会有一个`bordered`属性用于控制是否显示表格边框，你可以将其设置为`false`，如：

import { Table } from 'antd';
...
<Table bordered={false}>
...
</Table>

2. 使用`scroll`属性隐藏底部滚动条：这会在一定程度上模拟无边框效果，因为滚动条可能会暴露底边的边界，你可以设置`scroll={{ y: 0 }}`来隐藏它：

<Table bordered={false} scroll={{ y: 0 }}>
...
</Table>

3. 如果你还想移除空数据行时的虚线，需要自定义`expandedRowRender`或者`empty`属性。当数据为空时，可以返回一个不带边框的占位元素或者直接关闭`expandedRowRender`：

<Table bordered={false} expandedRowRender={() => null}>
...
</Table>

或者使用`empty`属性：

<Table bordered={false} empty={<div style={{ padding: "16px 0" }}>暂无数据</div>}>
...
</Table>

请注意，上述方法可能会因版本差异而有所变化，建议查阅官方文档以获取最新信息。

修改 antdesign table的边框像素

您可以在Ant Design Table中使用CSS来修改边框像素。具体方法是在CSS中使用table.ant-table-bordered td, table.ant-table-bordered th选择器，然后添加border属性来修改边框像素大小。例如：table.ant-table-bordered td, table.ant-table-bordered th { border: 1px solid #000; } 这将把边框像素大小修改为1像素。