使用定制的样式来解决此问题。具体使用方法如下所示:
1.安装 antd 的 less-loader
npm i less-loader -D
2.在 webpack 配置文件中添加 less-loader
module: { rules: [ { test: /.less$/, use: ['style-loader', 'css-loader', 'less-loader'] }, ... ] }
3.创建一个 antd.less 文件,覆盖 antd 默认的 table 样式
table { &.ant-table { .ant-table-tbody { tr { td { /* 添加空白字符 */ &:before { content: ''; display: inline-block; width: 0; height: 0; } } } } } }
4.在需要使用表格的页面中引入 antd.less
import '../path/to/antd.less';
然后就可以正常使用表格和 Select 选项以及日期选择器了。