You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
There has some issues before, about how to use this plugin with the table component of the Element UI, so here is a case for reference.
7
+
There were some issues before regarding how to use this plugin with the table component of the Element UI, so here is a case for reference.
8
8
9
-
It is easy to use this plugin with the standard table component, just place the `InfiniteLoading` component under the table component, but we need to pay attention to the following 2 points when writing template if use this plugin with the scrollable table component:
9
+
It is easy to use this plugin with the standard table component! Just place the `InfiniteLoading` component under the table component, but we need to pay attention to the following 2 points when writing a template if we use this plugin with the scrollable table component:
10
10
11
-
1. Place the `InfiniteLoading` component at the end of the table component via a [slot](https://element.eleme.io/#/en-US/component/table#table-slot) named `append`of the Element UI table component;
12
-
2. Set the `forceUseInfiniteWrapper` property to the CSS selector of the real scroll container, because the scroll bar of Element UI table component was enable dynamically according to content height, this plugin cannot find the correct scroll container automatically.
11
+
1. Place the `InfiniteLoading` component at the end of the table component via a [slot](https://element.eleme.io/#/en-US/component/table#table-slot) named `append`in the Element UI table component;
12
+
2. Set the `forceUseInfiniteWrapper` property to the CSS selector of the real scroll container. Because the scroll bar of the Element UI table component is enabled dynamically according to the content height, this plugin cannot find the correct scroll container automatically.
13
13
14
14
::: warning
15
-
If there has multiple Element UI table components in a same page, we need a more detailed CSS selector instead of the `.el-table__body-wrapper`, if not, this plugin may find an error table component as the scroll container
15
+
If there are multiple Element UI table components on the same page, we need a more detailed CSS selector instead of the `.el-table__body-wrapper`. If not, this plugin may find an error table component as the scroll container
16
16
:::
17
17
18
18
The final template should be similar to:
@@ -31,4 +31,4 @@ The final template should be similar to:
31
31
</div>
32
32
```
33
33
34
-
No special handling is required in the logic, this plugin can already works as the preview on the right.
34
+
No special handling is required in the logic. This plugin should alread work, just like the preview on the right!
0 commit comments