antDesign table 超出部分隐藏

<a-table
        :columns="column"
        bordered
        :data-source="data"
        size="middle"
        class="j-table-force-nowrap"
        :pagination="ipagination"
        @change="handleTableChange"
        :loading="loading"
        :rowKey="
          (record, index) => {
            return record.id
          }
        "
      >
        <template slot="tooltipSlot" slot-scope="text">
          <a-tooltip placement="topLeft" :title="text">{{text}}</a-tooltip>
        </template>
</a-table>

const column = [
{
    title: 'title',
    align: 'center',
    dataIndex: 'type',
    width: 400,
    ellipsis: true,
    scopedSlots: { customRender: 'tooltipSlot' }
  },
]

 

posted @ 2022-06-16 17:43  阖彩  阅读(926)  评论(0编辑  收藏  举报