virtual scroll: sticky header/footer

Requirement

We need the ability to make things sticky within the virtual scroll area. This directly relates to sticky header/footer/rows in the table.

API

An idea for the API would be to expose a new content projection area like:

  <cdk-virtual-scroll-viewport [itemSize]="35">
    <cdk-virtual-scroll-sticky position="start">
      MY HEADER
    </cdk-virtual-scroll-sticky>
    <div *cdkVirtualFor="let row of rows$ | async">
    </div>
    <cdk-virtual-scroll-sticky position="end">
      MY FOOTER
    </cdk-virtual-scroll-sticky>
</cdk-virtual-scroll-viewport>

Then we could set position sticky to those sticky projections. One issue with this approach is how do we tell the cdk-virtual-scroll-content-wrapper to accommodate the offset of the header/footer?

[amcdnl]

After thinking about this, I think we should go w/ a different approach for the table thus making this not applicable.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}