@@ -110,17 +110,17 @@ For most real-world applications, providing the table a `DataSource` instance wi
110
110
manage data. The ` DataSource ` is meant to serve as a place to encapsulate any sorting, filtering,
111
111
pagination, and data retrieval logic specific to the application.
112
112
113
- A ` DataSource ` is simply a class that has at a minimum the following methods: ` connect ` and
114
- ` disconnect ` . The ` connect ` method will be called by the table to provide an ` Observable ` that emits
113
+ A ` DataSource ` is simply a class that has at a minimum the following methods: ` connect ` and
114
+ ` disconnect ` . The ` connect ` method will be called by the table to provide an ` Observable ` that emits
115
115
the data array that should be rendered. The table will call ` disconnect ` when the table is destroyed,
116
- which may be the right time to clean up any subscriptions that may have been registered in the
117
- ` connect ` method.
116
+ which may be the right time to clean up any subscriptions that may have been registered in the
117
+ ` connect ` method.
118
118
119
119
Although Angular Material provides a ready-made table ` DataSource ` class, ` MatTableDataSource ` , you may
120
- want to create your own custom ` DataSource ` class for more complex use cases. This can be done by
121
- extending the abstract ` DataSource ` class with a custom ` DataSource ` class that then implements the
122
- ` connect ` and ` disconnect ` methods. For use cases where the custom ` DataSource ` must also inherit
123
- functionality by extending a different base class, the ` DataSource ` base class can be
120
+ want to create your own custom ` DataSource ` class for more complex use cases. This can be done by
121
+ extending the abstract ` DataSource ` class with a custom ` DataSource ` class that then implements the
122
+ ` connect ` and ` disconnect ` methods. For use cases where the custom ` DataSource ` must also inherit
123
+ functionality by extending a different base class, the ` DataSource ` base class can be
124
124
implemented instead (` MyCustomDataSource extends SomeOtherBaseClass implements DataSource ` ) to
125
125
respect Typescript's restriction to only implement one base class.
126
126
@@ -357,9 +357,6 @@ To do this, add the `sticky` or `stickyEnd` directive to the `ng-container` colu
357
357
358
358
<!-- - example(table-sticky-columns) -->
359
359
360
- This feature is supported by Chrome, Firefox, Safari, and Edge. It is not supported in IE, but
361
- it does fail gracefully so that the rows simply do not stick.
362
-
363
360
Note that on Safari mobile when using the flex-based table, a cell stuck in more than one direction
364
361
will struggle to stay in the correct position as you scroll. For example, if a header row is stuck
365
362
to the top and the first column is stuck, then the top-left-most cell will appear jittery as you
0 commit comments