Блог

Я знаю, что есть метод summary для элемента table. И мой вопрос, есть ли какой-либо возможный способ реализовать сводку rowspan?

Моя идея состоит в том, чтобы повторно просмотреть tabledata и вставить новые данные для записей rowspan: например, для того же идентификатора мне нужно вставить одну новую итоговую запись. Таким образом, в tabledata должно быть 3 новых сводных повторных отчета

   tableData: [{
     id: '12987122',
     name: 'Tom',
     amount1: '234',
     amount2: '3.2',
     amount3: 10
   }, {
     id: '12987122',
     name: 'Tom',
     amount1: '165',
     amount2: '4.43',
     amount3: 12
   }, {
     id: '12987124',
     name: 'Tom',
     amount1: '324',
     amount2: '1.9',
     amount3: 9
   }, {
     id: '12987124',
     name: 'Tom',
     amount1: '621',
     amount2: '2.2',
     amount3: 17
   }, {
     id: '12987126',
     name: 'Tom',
     amount1: '539',
     amount2: '4.1',
     amount3: 15
   }],
  

после сброса табличных данных

   tableData: [{
     id: '12987122',
     name: 'Tom',
     amount1: '234',
     amount2: '3.2',
     amount3: 10
   }, {
     id: '12987122',
     name: 'Tom',
     amount1: '165',
     amount2: '4.43',
     amount3: 12
   }, {
     id: '12987122',
     name: 'summary',
     amount1: 'xxx',
     amount2: 'xxx',
     amount3: xxx
   }, {
     id: '12987124',
     name: 'Tom',
     amount1: '324',
     amount2: '1.9',
     amount3: 9
   }, {
     id: '12987124',
     name: 'Tom',
     amount1: '621',
     amount2: '2.2',
     amount3: 17
   }, {
     id: '12987124',
     name: 'summary',
     amount1: 'xxx',
     amount2: 'xxx',
     amount3: xxx
   }, {
     id: '12987126',
     name: 'Tom',
     amount1: '539',
     amount2: '4.1',
     amount3: 15
   }, {
     id: '12987126',
     name: 'Summary',
     amount1: 'xxx',
     amount2: 'xxx',
     amount3: xxx
   }],
  

Я думаю, возможно, это не очень хорошее решение. Есть идеи?

Ожидаемые результаты должны содержать 3 новые строки для подведения итогов