fix(cdk/table): Column sizing and scrolling bug when number of columns in table changes (angular#30378)

Part of fix includes cdk-experimental/column-resize.

See internal issue 390466445.

Author: kseamon

src/cdk-experimental/column-resize/resize-strategy.ts

@@ -65,6 +65,11 @@ export abstract class ResizeStrategy implements OnDestroy {
       });
 
       this.styleScheduler.scheduleEnd(() => {
+        // Once the column sizes have updated, we unset the table width so that
+        // it does not have unwanted side effects on future changes in the table
+        // such as columns being added or removed.
+        tableElement.style.width = '';
+
         this.table.updateStickyColumnStyles();
       });
     }

src/cdk/table/sticky-styler.ts

@@ -185,7 +185,7 @@ export class StickyStyler {
           }
         }
 
-        if (this._positionListener) {
+        if (this._positionListener && cellWidths.some(w => !!w)) {
           this._positionListener.stickyColumnsUpdated({
             sizes:
               lastStickyStart === -1