Угловой фокус на входе, который находится в <td>таблицы. Использование объекта таблицы в компоненте

Question

У меня есть таблица, которая динамически заполняет данные. У меня есть несколько входных тегов, и я хочу сместить фокус ввода на следующий вход, который находится в следующем теге td, когда пользователь нажимает клавишу со стрелкой вправо (аналогичнов MS Excel)

У меня есть индекс строки и столбца, и я создал объект таблицы, используя @ViewChild, но я не могу точно указать целевой td, используя индекс строки и столбца

Answer 1

Вы можете получить доступ к конкретному cell (td), используя таблицу ElementRef, которая у вас уже есть.

@ViewChild('ITable') ITableRef: ElementRef;

focusTD(rowNum, cellNum)
   this.ITableRef.tBodies[0].rows[rowNum].cells[cellNum].focus()
}

ngAfterViewInit() {
  this.focusTD(0,1); // selects the first tr (row) and second td (cell)
}

Элемент таблицы имеет tBodies, я выбрал первое tBodies, предполагая, что у вашей таблицы есть один tBody, затем вы должны выбрать row (tr) и затем вы можно выбрать конкретный cell (td)