sync

Author: andrewseguin

src/lib/core/data-table/data-table.spec.ts

@@ -7,7 +7,7 @@ import {BehaviorSubject} from 'rxjs/BehaviorSubject';
 import {customMatchers} from '../testing/jasmine-matchers';
 import {CdkDataTableModule} from './index';
 
-describe('CdkTable', () => {
+fdescribe('CdkTable', () => {
   let fixture: ComponentFixture<SimpleCdkTableApp>;
 
   let component: SimpleCdkTableApp;
@@ -134,7 +134,6 @@ describe('CdkTable', () => {
   it('should match the right table content with dynamic data', () => {
     const initialDataLength = dataSource.data.length;
     expect(dataSource.data.length).toBe(3);
-    const headerContent = ['Column A', 'Column B', 'Column C'];
 
     let data = dataSource.data;
     expect(tableElement).toMatchTableContent([
@@ -183,7 +182,6 @@ describe('CdkTable', () => {
       [data[1].c, data[1].b],
       [data[2].c, data[2].b],
     ]);
-    expect(tableElement).toMatchTableContent(changedTableContent);
   });
 });
 

src/lib/core/data-table/data-table.ts

@@ -143,6 +143,10 @@ export class CdkTable<T> implements CollectionViewer {
     this._columnsChange.subscribe(() => {
       this._headerRowPlaceholder.viewContainer.clear();
       this.renderHeaderRow();
+
+      // Reset the data to an empty array so that renderRowChanges will re-render all new rows.
+      this._rowPlaceholder.viewContainer.clear();
+      this._dataDiffer.diff([]);
     });
 
     // TODO(andrewseguin): If the data source is not