Issue integrating SmartAdmin Angular 2 Framework and DataTables extensions

Yash.K

I want to use the 'Data Tables (v1.10)' component that came along with SmartAdmin Angular 2 framework (https://smartadmin-ng2.github.io/dashboard/analytics), and want to implement/extend most of the features listed here https://datatables.net/extensions/index, for example –
* Fixed Header
* Fixed left Columns
* Re-order columns
* Scroller
I tried some of these, but it does not work.

Has anyone in this forum used/accomplished the above? Does it work? I am not sure if there are any issues with the framework or if I am missing something.

I am looking for some documentation on –
* Steps on what needs to be done to accomplish this
* What components/packages/libraries needs to be installed
* Sample script/snippets on how these features are implemented

Any information or directions will be greatly appreciated. Thanks in advance!

tnero

Add these lines to shared/ui/datatable/datatable.component.ts - under options = $.extend
colReorder: true,
fixedHeader: { footer: true },
scrollY: 370,

Yash.K

Thanks Tnero or the response.

I was able to get the components to work. But looks like the issues is when the scroller and filter is turned on. There is another post that highlights the same issue -

https://datatables.net/forums/discussion/39937/datatables-net-scroller-and-column-filters-does-not-work-simultaneously

Any thoughts on this?

oji

Hi, were you able to find a solution for this? I'm also using smartadmin and have the same issue, but could'n get it to work yet, even adding @tnero 's lines.