antd中表格加bordered后出现的一个空列表问题

最新推荐文章于 2024-10-14 03:57:09 发布

只吃一口e

最新推荐文章于 2024-10-14 03:57:09 发布

阅读量653

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_43628847/article/details/123847091

版权

在这里插入图片描述

<s-table
        bordered
        ref="irrigationWaterTable"
        size="default"
        :rowKey="(record) => record.id"
        :columns="columns"
        :data="loadData"
        showPagination="auto"
        :pagination="{ showTotal: (total) => `共 ${total} 项` }"
        :scroll="{ x: 2400 }"
      >
</s-table>

因为加了bordered和fixed就会出现一个空列表，但是边框有又不可以去掉。但是可以给他们加上一个固定的宽度。就可以解决了

const columns = [
  {
    title: '序号',
    fixed: 'left',
    width: 70,
    align: 'center',
    scopedSlots: { customRender: 'serial' }
  },
  {
    title: '行政区划',
    fixed: 'left',
    width: 100,
    dataIndex: 'cityName'
  }
 ]