垫表以编程方式跳转到特定行

时间:2019-11-11 09:13:27

标签: angular mat-table angular-material-7

我正在用有角材料的垫桌组件来实现桌子。 当代码中的某些事件触发时,我想跳到特定行。

到目前为止,我一直尝试在行滚动和虚拟滚动中使用if os.path.exists('weatherlearned.csv'): n = NetworkReader.readFrom('weatherlearned.csv') else: n = buildNetwork(ds.indim,8,8,ds.outdim,recurrent=True) t = BackpropTrainer(n,learningrate=0.005,momentum=0.05,verbose=True) t.trainOnDataset(ds,1000) t.testOnData(verbose=True) tf.close() NetworkWriter.writeToFile(n, 'weatherlearned.csv') 事件。

但是我认为我错过了一些东西,应该比这更简单。

1 个答案:

答案 0 :(得分:1)

我找到了this question,并做出了一些更改,这些更改可以解决我的问题。
简而言之-scrollIntoView-如果有人下次需要我的代码,请附加在下面。

//.tpl
<tr mat-row
          #matrow
          [attr.serialNumber] = row.serialNumber
          [ngClass]="{'selectedRow': selectedNode && selectedNode.serialNumber === row.serialNumber}"
          *matRowDef="let row; columns: displayedColumns;"
 ></tr>

// component.ts 
// selected point is your desierd element from data source
 scrollRowToView(selectedPoint) {
    const row = this.rows.find(r => 
    r.element.nativeElement.getAttribute('serialNumber') === selectedPoint.serialNumber);
    if (row != null) {
    row.element.nativeElement.scrollIntoView( {behavior: 'smooth', block: 'center', inline : 'center'});
 }

}