Блог

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

код, отображающий эту таблицу, является

  <uitk-tab-panel >
              <uitk-dynamic-table id="MyDetailTable" [model]="MyDetailModel"
                                  [modelObservable]="MyDetails$"></uitk-dynamic-table>
            </uitk-tab-panel>
 

MyDetailModel и MyDetails импортируются, и код для них.

 export class MyFragmentRowContentComponent implements OnInit {
  constructor(
    private readonly myDetailService: MyQueueDetailService,
    
  ) {
    this.MyDetails$ = new Observable(obj => this.MyDetailObserver = obj);
  }
    

  MyDetailModel: ITableInputModel = {
    title: 'My Detail',
    pagination: {},
    tkHidePagination: true,
    enableLazyLoading: true,
    enableLazyPagination: true,
    columns: [
      {label: 'Attribute', id: 'MyDetailAttribute', dataType: 'text'},
      {label: 'Result', id: 'MyQueueAttributeValue', dataType: 'text'}
    ],
    records: []
  };
MyArray: [string, any] [] = [];
MyDetailObserver : Observer<any>;   

     renderInboundData(){       
 const MyQueueDetailAttributes: MyQueueDetailAttributeModel[] = new Array<MyQueueDetailAttributeModel>();
    
    
   for (const attribute of this.MyArray) {
      const MyQueueAttribute: MyQueueDetailAttributeModel = new MyQueueDetailAttributeModel();
      MyQueueAttribute.myQueueDetailAttribute = attribute[0];
      MyQueueAttribute.myQueueAttributeValue = attribute[1];
      MyQueueDetailAttributes.push(MyQueueAttribute);
    }
    this.MyDetailModel.records = MyQueueDetailAttributes;
    this.MyDetailObserver.next(this.MyDetailModel);
  }
    
    
}       
 

myArray заполняется в какой-либо другой функции с помощью [{Field1,значение1},{Field2,значение2},{Field3,значение3},..].

Я попытался вставить пробел в качестве атрибута[0] и атрибута 1.Но тогда таблица выглядит так.

Есть ли способ получить значение, равное 2 строкам между строками 1 и 2, без изменения большей части логики .