main - e78587f fix(cdk/table): throw when multiple row templates are used with virtual scrolling (#32682)

Author: crisbeto

docs-content/overviews/cdk/table/table.md.html

@@ -149,6 +149,11 @@ <h3 id="virtual-scrolling" class="docs-header-link">
       <p>If you&#39;re showing a large amount of data in your table, you can use virtual scrolling to ensure a
 smooth experience for the user. To enable virtual scrolling, you have to wrap the CDK table in a
 <code>cdk-virtual-scroll-viewport</code> element and add some CSS to make it scrollable.</p>
+<p><strong>Note:</strong> tables with virtual scrolling have the following limitations:</p>
+<ul>
+<li><code>fixedLayout</code> is always enabled, in order to prevent jumping when rows are swapped out.</li>
+<li>Conditional templates via the <code>when</code> input are <a href="https://github.com/angular/components/issues/32670">not supported at the moment</a>.</li>
+</ul>
 </div><div material-docs-example="cdk-table-virtual-scroll"></div><div class="docs-markdown">
 
 

docs-content/overviews/material/table/table.md.html

@@ -164,6 +164,11 @@ <h4 id="virtual-scrolling" class="docs-header-link">
 virtual scrolling which will only render the the visible rows in the DOM as the user is scrolling.</p>
 <p>To enable virtual scrolling you have to wrap the Material table in a <code>&lt;cdk-virtual-scroll-viewport&gt;</code>
 element and add CSS to make the viewport scrollable.</p>
+<p><strong>Note:</strong> tables with virtual scrolling have the following limitations:</p>
+<ul>
+<li><code>fixedLayout</code> is always enabled, in order to prevent jumping when rows are swapped out.</li>
+<li>Conditional templates via the <code>when</code> input are <a href="https://github.com/angular/components/issues/32670">not supported at the moment</a>.</li>
+</ul>
 </div><div material-docs-example="table-virtual-scroll"></div><div class="docs-markdown">
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "21.2.0-next.1+sha-7cb78db",
+  "version": "21.2.0-next.1+sha-e78587f",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -255,15 +255,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/aria": "21.2.0-next.1+sha-7cb78db",
-    "@angular/cdk": "21.2.0-next.1+sha-7cb78db",
-    "@angular/cdk-experimental": "21.2.0-next.1+sha-7cb78db",
+    "@angular/aria": "21.2.0-next.1+sha-e78587f",
+    "@angular/cdk": "21.2.0-next.1+sha-e78587f",
+    "@angular/cdk-experimental": "21.2.0-next.1+sha-e78587f",
     "@angular/core": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
     "@angular/common": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
-    "@angular/material": "21.2.0-next.1+sha-7cb78db",
-    "@angular/material-experimental": "21.2.0-next.1+sha-7cb78db",
-    "@angular/material-luxon-adapter": "21.2.0-next.1+sha-7cb78db",
-    "@angular/material-date-fns-adapter": "21.2.0-next.1+sha-7cb78db"
+    "@angular/material": "21.2.0-next.1+sha-e78587f",
+    "@angular/material-experimental": "21.2.0-next.1+sha-e78587f",
+    "@angular/material-luxon-adapter": "21.2.0-next.1+sha-e78587f",
+    "@angular/material-date-fns-adapter": "21.2.0-next.1+sha-e78587f"
   },
   "devDependencies": {
     "@angular/aria": "workspace:*",