antdesign的table无数据时去掉底部边框

Ant Design的Table组件在显示无数据时，如果你想移除默认的底部边框，可以自定义一下`empty`状态的样式。你可以通过覆盖`components`属性中的`tbody`部分，并在`empty`状态下设置CSS来达到这个效果。这里是一个示例：

import { Table } from 'antd';
import './styles.css'; // 假设你在styles.css里设置了样式

const columns = [
  {/* ... */}
];

const customEmpty = {
  style: {
    paddingBottom: 0, // 或者其他你需要去除边框的位置样式调整
  },
};

const MyTable = () => {
  const data = []; // 如果没有数据

  return (
    <Table
      columns={columns}
      dataSource={data}
      components={{
        tbody: ({ empty }) => (
          <tbody {...empty ? { ...customEmpty } : {}}>
            {/* 无数据时显示的内容 */}
          </tbody>
        ),
      }}
      empty={
        <div>No data to show.</div> // 自定义无数据提示
      }
    />
  );
};

在`styles.css`中，添加如下的CSS规则来清除边框：

.ant-table-empty-tbody {
  border-bottom: none !important;
}