Как получить динамический ряд с ответом

Question

Я пытаюсь подготовить таблицу с динамическим расширением строки в antd (данные будут двоичными)

У меня есть данные, как показано ниже.

Требуется отобразить, как показано ниже. Можете ли вы помочь?

[{"col1":"temp1","col2":"1","col3":"x"}, {"col1":"temp1","col2":"1","col3":"y"}, {"col1":"temp1","col2":"2","col3":"z"}, {"col1":"temp2","col2":"3","col3":"a"}];

Answer 1

мы можем написать собственный метод рендеринга для решения этой проблемы. пример:

рендер: (значение, строка, индекс) => {const obj = {потомки: значение, реквизиты: {},};if (index> = this.state.branch_new_index) {for (let i = 0; index + i! == metrics.length && value === metrics [index + i] .branch && metrics [index] .product === показатели [index + i] .product; i + = 1) {obj.props.rowSpan = i + 1;this.state.branch_count = i + 1;} this.state.branch_new_index = index + this.state.branch_count;if (index + 1> = metrics.length) {this.state.branch_new_index = 0;}} else {obj.props.rowSpan = 0;if (index + 1> = metrics.length) {this.state.branch_new_index = 0;}} return obj;},