首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >PrimeNg p-table scrollTo()方法不工作

PrimeNg p-table scrollTo()方法不工作
EN

Stack Overflow用户
提问于 2021-03-16 11:45:45
回答 1查看 1.2K关注 0票数 1

我试图使p表滚动条滚动到一个特定的位置。它似乎什么也没做。这是我的密码:

代码语言:javascript
复制
ngAfterViewInit(): void {
    this.table.scrollTo({'top': 200})
}

"this.table“是

代码语言:javascript
复制
@ViewChild('dt', {static: false}) public table: Table;

在模板文件中,它是这样定义的:

代码语言:javascript
复制
<p-table #dt
   [value]="items"
   class="ui-rtl"
   [styleClass]="styleClass"
   [scrollable]="true"
   [columns]="columns"
   scrollHeight="790px"
   dir="rtl">

忽略硬编码的数字,我只是想知道如何使它工作到目前为止。

有人知道怎么用吗?文件上说:

options.top:指定沿Y轴的像素数

我试图将{'options.top':200}和{top:200}作为参数传递,但什么也没有发生。

任何帮助都将不胜感激!

谢谢

EN

回答 1

Stack Overflow用户

发布于 2021-12-13 11:26:12

试试这个,这对我有用

代码语言:javascript
复制
const body = this._materialTable.containerViewChild.nativeElement.getElementsByClassName('p-datatable-scrollable-wrapper')[0];
        body?.scrollTo({
            top: 0,
            left: 10,
            behavior: 'smooth'
        });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66654629

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档