<a-table :columns="columns"
:rowKey="record => record.id"
:dataSource="data"
:scroll="{ x: 1500, y: 400 }"
@change="handleTableChange"
>
<p slot="expandedRowRender" slot-scope="record" style="margin: 0">
{{record.name}}
</p>
</a-table>
const columns = [{
title: 'ИД',
dataIndex: 'id',
sorter: true,
width: 100,
}, {
title: 'Уникальный номер позиции в ПГ',
dataIndex: 'pg_number',
sorter: true,
width: 350,
}, {
title: 'Наименование',
dataIndex: 'name',
sorter: true,
width: 600
}, {
title: 'Действия',
key: 'action',
width: 100,
fixed: 'right',
scopedSlots: { customRender: 'action' },
}];
