refactor(multiple): remove DOM emulation usage from table components

DOM manipulation and emulation prevents the table component from being hydrated. These changes refactor it to avoid them.

src/cdk/table/sticky-styler.ts

@@ -49,7 +49,6 @@ export class StickyStyler {
     private _stickCellCss: string,
     public direction: Direction,
     private _coalescedStyleScheduler: _CoalescedStyleScheduler,
-    private _isBrowser = true,
     private readonly _needsPositionStickyOnElement = true,
     private readonly _positionListener?: StickyPositioningListener,
   ) {
@@ -109,7 +108,6 @@ export class StickyStyler {
   ) {
     if (
       !rows.length ||
-      !this._isBrowser ||
       !(stickyStartStates.some(state => state) || stickyEndStates.some(state => state))
     ) {
       if (this._positionListener) {
@@ -183,11 +181,6 @@ export class StickyStyler {
    *
    */
   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.

src/cdk/table/table-module.ts

@@ -14,6 +14,11 @@ import {
   CdkRecycleRows,
   FooterRowOutlet,
   NoDataRowOutlet,
+  NativeBody,
+  NativeFoot,
+  NativeHead,
+  TableOutlet,
+  OutletSource,
 } from './table';
 import {
   CdkCellOutlet,
@@ -60,6 +65,11 @@ const EXPORTED_DECLARATIONS = [
   CdkNoDataRow,
   CdkRecycleRows,
   NoDataRowOutlet,
+  NativeBody,
+  NativeFoot,
+  NativeHead,
+  TableOutlet,
+  OutletSource,
 ];
 
 @NgModule({

src/cdk/table/table.spec.ts

@@ -228,8 +228,9 @@ describe('CdkTable', () => {
     });
 
     it('should clear the row view containers on destroy', () => {
-      const rowOutlet = fixture.componentInstance.table._rowOutlet.viewContainer;
-      const headerPlaceholder = fixture.componentInstance.table._headerRowOutlet.viewContainer;
+      const rowOutlet = fixture.componentInstance.table._outletSource.rowOutlet.viewContainer;
+      const headerPlaceholder =
+        fixture.componentInstance.table._outletSource.headerRowOutlet.viewContainer;
 
       spyOn(rowOutlet, 'clear').and.callThrough();
       spyOn(headerPlaceholder, 'clear').and.callThrough();