计一次expandedRowRender

KAGHQ

于 2021-10-13 22:18:22 发布

阅读量395

点赞数

分类专栏： # vue3 文章标签： vue

本文链接：https://blog.csdn.net/LRQQHM/article/details/120753658

版权

vue3 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<a-table
            v-if="!isLoading"
            ref="sTable"
            :columns="columns"
            :defaultExpandedRowKeys="defaultExpandedRowKeys"
            :data-source="gradeData"
            :pagination="false"
            :expandIcon="(props) => expandIcon(props)"
            :expandedRowRender="(record) => expandedRowRenderFunction(record)"
          >
  </a-table>

// // // 展开后
    const expandedRowRenderFunction = ({ record }) => {
      if (record.description && record.description.length) {
        return (
          <a-table
            columns={innerColumns}
            data-source={record.description}
            pagination={false}
            showHeader={false}
            expandedRowRender={() => {
              renderSlotExpend(record)
            }}
          ></a-table>
        )
      }
    }
    const renderSlotExpend = (record: any) => {
      return (
        <a
          v-show={record.hasComment}
          onClick={(e: Event) => {
            e.stopPropagation()
            clickRemark(record)
          }}
        ></a>
      )
    }