fix prerender; reverse rtl

Author: andrewseguin

src/cdk/table/row.ts

@@ -85,10 +85,16 @@ export const _CdkHeaderRowDefBase = mixinHasStickyInput(CdkHeaderRowDefBase);
   selector: '[cdkHeaderRowDef]',
   inputs: ['columns: cdkHeaderRowDef', 'sticky: cdkHeaderRowDefSticky'],
 })
-export class CdkHeaderRowDef extends _CdkHeaderRowDefBase implements CanStick {
+export class CdkHeaderRowDef extends _CdkHeaderRowDefBase implements CanStick, OnChanges {
   constructor(template: TemplateRef<any>, _differs: IterableDiffers) {
     super(template, _differs);
   }
+
+  // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance.
+  // Explicitly define it so that the method is called as part of the Angular lifecycle.
+  ngOnChanges(changes: SimpleChanges): void {
+    super.ngOnChanges(changes);
+  }
 }
 
 // Boilerplate for applying mixins to CdkFooterRowDef.
@@ -104,10 +110,16 @@ export const _CdkFooterRowDefBase = mixinHasStickyInput(CdkFooterRowDefBase);
   selector: '[cdkFooterRowDef]',
   inputs: ['columns: cdkFooterRowDef', 'sticky: cdkFooterRowDefSticky'],
 })
-export class CdkFooterRowDef extends _CdkFooterRowDefBase implements CanStick {
+export class CdkFooterRowDef extends _CdkFooterRowDefBase implements CanStick, OnChanges {
   constructor(template: TemplateRef<any>, _differs: IterableDiffers) {
     super(template, _differs);
   }
+
+  // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance.
+  // Explicitly define it so that the method is called as part of the Angular lifecycle.
+  ngOnChanges(changes: SimpleChanges): void {
+    super.ngOnChanges(changes);
+  }
 }
 
 /**

src/cdk/table/sticky-styler.ts

@@ -74,17 +74,17 @@ export class StickyStyler {
     const cellWidths: number[] = this._getCellWidths(rows[0]);
     const startPositions = this._getStickyStartColumnPositions(cellWidths, stickyStartStates);
     const endPositions = this._getStickyEndColumnPositions(cellWidths, stickyEndStates);
-    const isLtr = this.direction === 'ltr';
+    const isRtl = this.direction === 'rtl';
 
     for (let row of rows) {
       for (let i = 0; i < numCells; i++) {
         const cell = row.children[i] as HTMLElement;
         if (stickyStartStates[i]) {
-          this._addStickyStyle(cell, isLtr ? 'left' : 'right', startPositions[i]);
+          this._addStickyStyle(cell, isRtl ? 'right' : 'left', startPositions[i]);
         }
 
         if (stickyEndStates[i]) {
-          this._addStickyStyle(cell, isLtr ? 'right' : 'left', endPositions[i]);
+          this._addStickyStyle(cell, isRtl ? 'left' : 'right', endPositions[i]);
         }
       }
     }