fix the data-column header from scrolling

cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
rranjith89
Member II

fix the data-column header from scrolling

I have a data-column which scroll both x and y direction. Problem here is, it scrolls along with the header. I want to Data-column header to be fixed for scrolling in x direction(Vertical).

 

Is there any way to do this?

3 Replies
silversky
Active Member

Re: fix the data-column header from scrolling

There is a property called 'stickyHeader' in the properties of DataTable component. Can this be achieved using this property?

rranjith89
Member II

Re: fix the data-column header from scrolling

[stickyHeader]="true" This seems to be not working for me. Browser doesn't load my application.

Moderator
Moderator

Re: fix the data-column header from scrolling

You should apply the "stickyHeader" property to the DataTable or DocumentList component. I belive it was added in ADF 3.4.0. See example here.

If you still experience issues, please specify the version of ADF you are using and what kind of errors you see in the console log, and how to reproduce the issue.