【发布时间】：2022-02-08 16:09:39
【问题描述】：
我需要帮助在类型脚本中编写一个函数，以便我可以滚动到材料表中的特定索引。
假设我的表中有 100 行，一次显示 10 个项目。如果我提供输入为 50，则表应滚动到第 1 行。 50.
我在我的 Angular html 代码中使用类型脚本。
【问题讨论】：
标签： html angular typescript mat-table
【发布时间】：2022-02-08 16:09:39
【问题描述】：
您可以将表格的所有行作为数组，然后使用索引滚动到特定行
const rows = document.getElementsByClassName("mat-row cdk-row");
rows[50].scrollIntoView();
或者你可以使用查询选择器
document.querySelectorAll(".custom-table .mat-row");
这里的 custom-table 是你的表自定义类名。这样，如果您在一个页面上有多个表，则可以获取特定的表行
【讨论】：
-
感谢 zain 的回复。我按照你的建议做了。我能够获取行。我可以在控制台日志中看到。但它不滚动。我在页面上有 3 个表格，这有影响吗？
-
是的，这可能是个问题。您可以用 rows 数组长度确认它是否等于表行
-
控制台日志中的行如下所示： HTMLCollection(2) [mat-row.mat-row.cdk-row.cdk-drag.ng-star-inserted, mat-row.mat-row .cdk-row.cdk-drag.ng-star-inserted]
-
所有表格的长度相同。可以根据表id什么的来区分吗？
-
这表明你只有两行。您必须共享代码以获取更多详细信息