File tree Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Original file line number Diff line number Diff line change @@ -135,6 +135,14 @@ updates. This can be based on _anything_: websocket connections, user interactio
135
135
time-based intervals, etc. Most commonly, updates will be triggered by user interactions like
136
136
sorting and pagination.
137
137
138
+ ##### ` fixedLayout `
139
+ Enabling this option will enforce uniform column widths and optimize the rendering of sticky
140
+ elements in the table.
141
+
142
+ ``` html
143
+ <table cdk-table [dataSource] =" dataSource" fixedLayout >
144
+ ```
145
+
138
146
##### ` trackBy `
139
147
140
148
To improve performance, a ` trackBy ` function can be provided to the table similar to Angular’s
@@ -145,6 +153,16 @@ table how to uniquely identify rows to track how the data changes with each upda
145
153
<table cdk-table [dataSource] =" dataSource" [trackBy] =" myTrackById" >
146
154
```
147
155
156
+ ##### ` recycleRows `
157
+ When the rendered rows change, the table discards the old rows and creates new ones from
158
+ scratch. Tables that do not animate rows or use multiple row templates can improve performance by
159
+ enabling row recycling, which caches row templates when they're no longer needed, and reuses them
160
+ when creating new rows.
161
+
162
+ ``` html
163
+ <table cdk-table [dataSource] =" dataSource" recycleRows >
164
+ ```
165
+
148
166
### Alternate HTML to using native table
149
167
150
168
The CDK table does not require that you use a native HTML table. If you want to have full control
You can’t perform that action at this time.
0 commit comments