angular · andrewseguin · Jun 7, 2018 · andrewseguin · Jun 7, 2018 · andrewseguin
diff --git a/src/cdk/table/cell.ts b/src/cdk/table/cell.ts
@@ -59,6 +66,26 @@ export class CdkColumnDef {
  }
  _name: string;

+  /** Whether this column should be sticky positioned on the left of the row */
+  @Input('stickyLeft')
diff --git a/src/cdk/table/has-sticky-state.ts b/src/cdk/table/has-sticky-state.ts
+ * sticky value.
+ * @docs-private
+ */
+export interface HasStickyState {
diff --git a/src/cdk/table/has-sticky-state.ts b/src/cdk/table/has-sticky-state.ts
+
+  checkStickyChanged(): boolean;
+
+  resetStickyChanged(): void;
diff --git a/src/cdk/table/has-sticky-state.ts b/src/cdk/table/has-sticky-state.ts
+ * @docs-private
+ */
+export interface HasStickyState {
+  /** State of whether the sticky input has changed since it was last checked. */
diff --git a/src/cdk/table/row.ts b/src/cdk/table/row.ts
    if (!this._columnsDiffer) {
+      const columns = (changes['columns'] && changes['columns'].currentValue) || [];
diff --git a/src/cdk/table/table.ts b/src/cdk/table/table.ts
+   * the data source provides a new set of data or when a column definition changes its sticky
+   * input. May be called manually for cases where the cell content changes outside of these events.
+   */
+  updateStickyColumnStyles() {
diff --git a/src/cdk/table/table.ts b/src/cdk/table/table.ts
+      return acc || d.checkStickyChanged();
+    };
+
+    if (this._headerRowDefs.reduce(stickyCheckReducer, false)) {
diff --git a/src/cdk/table/has-sticky-state.ts b/src/cdk/table/has-sticky-state.ts
+    _hasStickyChanged: boolean = false;
+
+    /** Whether the sticky value has changed since this was last called. */
+    checkStickyChanged(): boolean {
diff --git a/src/cdk/table/table.spec.ts b/src/cdk/table/table.spec.ts
+      });
+    }
+
+    describe('on flex layout', () => {
diff --git a/src/lib/table/cell.ts b/src/lib/table/cell.ts
@@ -71,6 +71,12 @@ export class MatFooterCellDef extends CdkFooterCellDef {
 export class MatColumnDef extends CdkColumnDef {
  /** Unique name for this column. */
  @Input('matColumnDef') name: string;
+
+  /** Whether this column should be sticky positioned on the left of the right */
+  @Input() stickyLeft: boolean;
diff --git a/src/cdk/table/cell.ts b/src/cdk/table/cell.ts
@@ -59,6 +66,26 @@ export class CdkColumnDef {
  }
  _name: string;

+  /** Whether this column should be sticky positioned on the start of the row */
+  @Input('sticky')
diff --git a/src/cdk/table/can-stick.ts b/src/cdk/table/can-stick.ts
+/**
+ * Mixin to provide a directive with a function that checks if the sticky input has been
+ * changed since the last time the function was called. Essentially adds a dirty-check to the
+ * sticky value.
diff --git a/src/cdk/table/sticky-styler.ts b/src/cdk/table/sticky-styler.ts
+   * @param stickCellCSS The CSS class that will be applied to every row/cell that has
+   *     sticky positioning applied.
+   */
+  constructor(private isNativeHtmlTable: boolean, private stickCellCSS: string) { }
diff --git a/src/cdk/table/sticky-styler.ts b/src/cdk/table/sticky-styler.ts
+    const cellWidths: number[] = this._getCellWidths(rows[0]);
+    const startPositions = this._getStickyStartColumnPositions(cellWidths, stickyStartStates);
+    const endPositions = this._getStickyEndColumnPositions(cellWidths, stickyEndStates);
+    const isLtr = this.direction === 'ltr';
diff --git a/src/cdk/table/sticky-styler.ts b/src/cdk/table/sticky-styler.ts
+    const endPositions = this._getStickyEndColumnPositions(cellWidths, stickyEndStates);
+    const isRtl = this.direction === 'rtl';
+
+    for (let row of rows) {
diff --git a/src/cdk/table/sticky-styler.ts b/src/cdk/table/sticky-styler.ts
+      return;
+    }
+
+    const numCells = rows[0].children.length;
		if (!this._columnsDiffer) {
		const columns = (changes['columns'] && changes['columns'].currentValue) \|\| [];