Ant design vue разные данные во вложенных таблицах - PullRequest
Новая
       16

Ant design vue разные данные во вложенных таблицах

0 голосов
/ 06 февраля 2020

Я пытаюсь превратить вложенную таблицу в документации во вложенную таблицу, в которой они имеют sh одни и те же данные, как я могу изменить их, и pu sh различных данных для каждой строки родительской таблицы ? 

<script>
      const columns = [
      { title: 'Status', dataIndex: 'Status', key: 'Status' },
      { title: 'Date', dataIndex: 'DateCreated', key: 'DateCreated' }
    ];

    const innerColumns = [
      { title: 'Price', dataIndex: 'Price', key: 'Price' },
      { title: 'Status', dataIndex: 'Status', key: 'Status' },
    ];

    const data = [
       {
        key: 0,
        "Status": "u",
        "DateCreated": "2019-10-11"
      },
      {
        key: 1,
        "Status": "u",
        "DateCreated": "2019-09-20"
      },
    ];

    const innerData = [
          [
            {
              key: 0,
              "Price": 10623,
              "Status": "u",
            }
          ],
          [
            {
              key: 0,
              "Price": 15084,
              "Status": "u",
            },
            {
              key: 1,
              "Price": 15084,
              "Status": "u",
            }
        ],
    ];
    export default {
      data() {
       return {
        data,
        columns,
        innerColumns,
        innerData,
      };
    },
   };
   </script>
<template>
    <div class="hello">
    <a-table
            :columns="columns"
            :dataSource="data"
            class="components-table-demo-nested">
      <a-table
        slot="expandedRowRender"
        :columns="innerColumns"
        :dataSource="innerData[1]"
        :pagination="false"
      >
      </a-table>
    </a-table>
   </div>
</template>

Вот мой код

...