Vue 3 Table LiteAdvance Examples
The following examples are more advanced and are meant to be used as a reference for more complex use cases.
Grouping
ID | Name | Email |
|---|---|---|
TEST1 | ||
1 | TEST1 | test1@example.com |
126 | TEST1 | test111@example.com |
127 | TEST1 | test111111@example.com |
TEST2 | ||
2 | TEST2 | test2@example.com |
128 | TEST2 | test222@example.com |
TEST3 | ||
3 | TEST3 | test3@example.com |
TEST4 | ||
4 | TEST4 | test4@example.com |
TEST5 | ||
5 | TEST5 | test5@example.com |
TEST6 | ||
6 | TEST6 | test6@example.com |
TEST7 | ||
7 | TEST7 | test7@example.com |
TEST8 | ||
8 | TEST8 | test8@example.com |
TEST9 | ||
9 | TEST9 | test9@example.com |
TEST10 | ||
10 | TEST10 | test10@example.com |
Grouping(With toggle)
Loading...
ID | Name | Email |
|---|
No data
Customize display data
Loading...
ID | Name | Email |
|---|
No data
Filter
ID | Name | Email |
|---|---|---|
0 | TEST0 | test0@example.com |
1 | TEST1 | test1@example.com |
2 | TEST2 | test2@example.com |
3 | TEST3 | test3@example.com |
4 | TEST4 | test4@example.com |
5 | TEST5 | test5@example.com |
6 | TEST6 | test6@example.com |
7 | TEST7 | test7@example.com |
8 | TEST8 | test8@example.com |
9 | TEST9 | test9@example.com |
Asynchronous filter
Loading...
ID | Name | Email |
|---|
No data
Columns filter
ID | Name | Email |
|---|---|---|
1 | TEST1 | test1@example.com |
2 | TEST2 | test2@example.com |
3 | TEST3 | test3@example.com |
4 | TEST4 | test4@example.com |
5 | TEST5 | test5@example.com |
6 | TEST6 | test6@example.com |
7 | TEST7 | test7@example.com |
8 | TEST8 | test8@example.com |
9 | TEST9 | test9@example.com |
10 | TEST10 | test10@example.com |
Customize style
Loading...
ID | Name | Email |
|---|
No data
Customize style(2)
Loading...
ID | Name | Email |
|---|
No data
Customize messages
Loading...
ID | 使用者名稱 | 電子信箱 |
|---|
沒有資料
Customize page's dropdown
Loading...
ID | Name | Email |
|---|
No data
Catch row clicked
Loading...
ID | Name | Email |
|---|
No data
Fixed first column(Horizontal scrolling)
Loading...
ID | Name | Email | Email | Email | Email | Email |
|---|
No data
Fixed header and first column(scrolling)
Loading...
ID | Name | Email | Email | Email | Email | Email |
|---|
No data