Skip to content

Commit fafd17d

Browse files
robin-macphersonPeachScript
authored andcommitted
docs: update element table en example (#220)
1 parent 5b7d8f2 commit fafd17d

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

docs/guide/use-with-el-table.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ previewLink: //jsfiddle.net/PeachScript/uyjb6z34/embedded/result/
44

55
# Use With Element UI
66

7-
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.
88

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:
1010

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.
1313

1414
::: 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
1616
:::
1717

1818
The final template should be similar to:
@@ -31,4 +31,4 @@ The final template should be similar to:
3131
</div>
3232
```
3333

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

Comments
 (0)