Method updateStickyColumns

src/cdk/table/sticky-styler.ts:127–217

* Applies sticky left and right positions to the cells of each row according to the sticky * states of the rendered column definitions. * @param rows The rows that should have its set of cells stuck according to the sticky states. * @param stickyStartStates A list of boolean states where ea

(
    rows: HTMLElement[],
    stickyStartStates: boolean[],
    stickyEndStates: boolean[],
    recalculateCellWidths = true,
    replay = true,
  )

   * @param replay Whether to enqueue this call for replay after a ResizeObserver update.
   */
  updateStickyColumns(
    rows: HTMLElement[],
    stickyStartStates: boolean[],
    stickyEndStates: boolean[],
    recalculateCellWidths = true,
    replay = true,
  ) {
    // Don't cache any state if none of the columns are sticky.
    if (
      !rows.length ||
      !this._isBrowser ||
      !(stickyStartStates.some(state => state) || stickyEndStates.some(state => state))
    ) {
      this._positionListener?.stickyColumnsUpdated({sizes: []});
      this._positionListener?.stickyEndColumnsUpdated({sizes: []});
      return;
    }

    // Coalesce with sticky row updates (and potentially other changes like column resize).
    const firstRow = rows[0];
    const numCells = firstRow.children.length;

    const isRtl = this.direction === 'rtl';
    const start = isRtl ? 'right' : 'left';
    const end = isRtl ? 'left' : 'right';

    const lastStickyStart = stickyStartStates.lastIndexOf(true);
    const firstStickyEnd = stickyEndStates.indexOf(true);

    let cellWidths: number[];
    let startPositions: number[];
    let endPositions: number[];

    if (replay) {
      this._updateStickyColumnReplayQueue({
        rows: [...rows],
        stickyStartStates: [...stickyStartStates],
        stickyEndStates: [...stickyEndStates],
      });
    }

    afterNextRender(
      {
        earlyRead: () => {
          cellWidths = this._getCellWidths(firstRow, recalculateCellWidths);

          startPositions = this._getStickyStartColumnPositions(cellWidths, stickyStartStates);
          endPositions = this._getStickyEndColumnPositions(cellWidths, stickyEndStates);
        },
        write: () => {
          for (const row of rows) {
            for (let i = 0; i < numCells; i++) {
              const cell = row.children[i] as HTMLElement;
              if (stickyStartStates[i]) {
                this._addStickyStyle(cell, start, startPositions[i], i === lastStickyStart);
              }

              if (stickyEndStates[i]) {