2021-7-23 转战表格逻辑

最新推荐文章于 2024-02-29 10:14:42 发布

步入中年的狗

最新推荐文章于 2024-02-29 10:14:42 发布

阅读量56

点赞数

本文链接：https://blog.csdn.net/m0_52458664/article/details/119301228

版权

本文探讨了从ElementUI转向AntV表格时遇到的逻辑差异，特别是AntV表格中通过columnConfig设置每列的操作，并详细讲解了如何处理子列表展开的逻辑。在请求数据后，将子数据传递给列的children属性，通过设置展开图标列的特殊标识来解决其始终显示的问题。

摘要由CSDN通过智能技术生成

83

其实忘了是什么时候，但是确实是有一段时间在看antv的表格，今天就只写细节逻辑，换一天写勾选的逻辑。

<template>
  <div style="max-height:600px;overflow-y:auto">
    <a-table
      class="ant-table-striped"
      :rowClassName="
        (record, index) => (record.isChild ? 'table-striped' : null)
      "
      :columns="columns"
      :data-source="list"
      rowKey="id"
      v-custom-loading="LoadingData"
      :pagination="false"
      :row-selection="rowSelection"
      @expand="getDetail"
      :expandedRowKeys="expandedRowKeys"
      :expandIconColumnIndex="-1"
    >
      <template #createTime="{ record }">
        {
   {
    timeFormatter(record.last_time) }}
      </template>
      <template #type="{ record }"> {
   {
    record.type_name }}模型 </template>
      <template #last_transform_status="{ record }">
        {
   {
    Status[record.last_transform_status] }}
      </template>
      <template #operation1="{ record }">
        <a-button
          class="link-btn-in-table"
          type="link"
          @click="getDetail(record)"
          v-if="!record.isChild"
          >选择模型版本<up-outlined
            v-if=