当我使用DataTable Fixed Header时,标题和列不对齐

时间:2018-01-19 12:59:15

标签: jquery angular datatables angular-datatables

我在angular-4项目中使用https://github.com/l-lin/angular-datatables插件。

https://github.com/l-lin/angular-datatables/issues/1129

我通过安装以下软件包使用了DataTable Fixed Header Extension:

JS档案

npm install datatables.net-fixedHeader --save

CSS文件

npm install datatables.net-fixedHeader-dt --save

分型

npm install .net-fixedHeader --save-dev

它正在发挥作用。

但是标题在滚动时没有与列对齐。我认为这是fixedHeader列和标题宽度计算不调用(adjust()函数)。 任何人都可以在这里建议一些解决方案,或者请告诉我如何在滚动上调用adjust()函数?

我试过以下内容:

group by

或数据表Angular-4的任何替代解决方案或插件?

控制器代码:

@HostListener('window:scroll', ['$event'])
    onResize(event){
        this.dataTableElement.dtInstance.then((dtInstance: DataTables.Api) => console.log(dtInstance));
        dtInstance.fixedHeader.adjust();// This line throwing error
    }

0 个答案:

没有答案