Method stickRows

src/cdk/table/sticky-styler.ts:230–302

* Applies sticky positioning to the row's cells if using the native table layout, and to the * row itself otherwise. * @param rowsToStick The list of rows that should be stuck according to their corresponding * sticky state and to the provided top or bottom position. * @param stickyS

(rowsToStick: HTMLElement[], stickyStates: boolean[], position: 'top' | 'bottom')

   *
   */
  stickRows(rowsToStick: HTMLElement[], stickyStates: boolean[], position: 'top' | 'bottom') {
    // Since we can't measure the rows on the server, we can't stick the rows properly.
    if (!this._isBrowser) {
      return;
    }

    // If positioning the rows to the bottom, reverse their order when evaluating the sticky
    // position such that the last row stuck will be "bottom: 0px" and so on. Note that the
    // sticky states need to be reversed as well.
    const rows = position === 'bottom' ? rowsToStick.slice().reverse() : rowsToStick;
    const states = position === 'bottom' ? stickyStates.slice().reverse() : stickyStates;

    // Measure row heights all at once before adding sticky styles to reduce layout thrashing.
    const stickyOffsets: number[] = [];
    const stickyCellHeights: (number | undefined)[] = [];
    const elementsToStick: HTMLElement[][] = [];

    // Coalesce with other sticky row updates (top/bottom), sticky columns updates
    // (and potentially other changes like column resize).
    afterNextRender(
      {
        earlyRead: () => {
          for (let rowIndex = 0, stickyOffset = 0; rowIndex < rows.length; rowIndex++) {
            if (!states[rowIndex]) {
              continue;
            }

            stickyOffsets[rowIndex] = stickyOffset;
            const row = rows[rowIndex];
            elementsToStick[rowIndex] = this._isNativeHtmlTable
              ? (Array.from(row.children) as HTMLElement[])
              : [row];

            const height = this._retrieveElementSize(row).height;
            stickyOffset += height;
            stickyCellHeights[rowIndex] = height;
          }
        },
        write: () => {
          const borderedRowIndex = states.lastIndexOf(true);

          for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
            if (!states[rowIndex]) {
              continue;
            }

            const offset = stickyOffsets[rowIndex];
            const isBorderedRowIndex = rowIndex === borderedRowIndex;
            for (const element of elementsToStick[rowIndex]) {
              this._addStickyStyle(element, position, offset, isBorderedRowIndex);
            }
          }

          if (position === 'top') {
            this._positionListener?.stickyHeaderRowsUpdated({
              sizes: stickyCellHeights,
              offsets: stickyOffsets,
              elements: elementsToStick,