天天看点

vue ant table 嵌套

<a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
        class="j-table-force-nowrap"
        @change="handleTableChange"
        @expand="expand">

       <span slot="serial" slot-scope="text,record,index">
           {{(ipagination.current-1)*ipagination.pageSize+index+1}}
        </span>
        <a-table
          slot="expandedRowRender"
          slot-scope="record, index, indent, expanded"
          :columns="innerColumns"
          :data-source="record.hourseList"
          :pagination="false"
          rowKey="id"
          size="middle"
          class="j-table-force-nowrap"
          bordered
        >
        </a-table>
      </a-table>