Skip to content

Commit a09182e

Browse files
committed
vue3 notice
1 parent 1eb2317 commit a09182e

File tree

4 files changed

+23
-5
lines changed

4 files changed

+23
-5
lines changed

README.md

+7-1
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,16 @@
44
[![npm](https://img.shields.io/github/package-json/v/xaksis/vue-good-table.svg?style=flat-square)](https://github.com/xaksis/vue-good-table/releases)
55
[![npm](https://img.shields.io/github/license/xaksis/vue-good-table.svg?style=flat-square)](https://github.com/xaksis/vue-good-table/blob/master/LICENSE)
66
[![](https://data.jsdelivr.com/v1/package/npm/vue-good-table/badge)](https://www.jsdelivr.com/package/npm/vue-good-table)
7-
[![Twitter Follow](https://img.shields.io/twitter/follow/crayonbytes.svg?label=Follow&style=social)](https://twitter.com/crayonbytes)
87

98
An easy to use, clean and powerful data table for VueJS with essential features like sorting, column filtering, pagination and much more - [xaksis.github.io/vue-good-table/](https://xaksis.github.io/vue-good-table/)
109

10+
11+
| Vue 3 Update |
12+
|:---------------------------|
13+
| @borisflesch is working on a Vue 3 compatible version of VGT . Please follow/contribute to his repository as it gets production ready: [vue-good-table-next](https://github.com/borisflesch/vue-good-table-next)|
14+
15+
16+
1117
<!--
1218
### Basic Table
1319
![Basic Screenshot](README/images/vgt-table.regular.png) -->

dev/App.vue

+1
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@ export default {
6060
perPage: 3,
6161
perPageDropdown: [3, 5, 10, 200, 300, 500, 1000],
6262
perPageDropdownEnabled: true,
63+
jumpFirstOrLast: true,
6364
// infoFn: (params) => `alala ${params.firstRecordOnPage} to ${params.lastRecordOnPage} of ${params.totalRecords}`,
6465
},
6566
columns: [

vp-docs/guide/advanced/remote-workflow.md

+6-4
Original file line numberDiff line numberDiff line change
@@ -82,10 +82,12 @@ data() {
8282
serverParams: {
8383
columnFilters: {
8484
},
85-
sort: {
86-
field: '',
87-
type: '',
88-
},
85+
sort: [
86+
{
87+
field: '',
88+
type: ''
89+
}
90+
],
8991
page: 1,
9092
perPage: 10
9193
}

vp-docs/guide/configuration/pagination-options.md

+9
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@ A set of options that are related to table pagination. Each of these are optiona
1414
perPageDropdown: [3, 7, 9],
1515
dropdownAllowAll: false,
1616
setCurrentPage: 2,
17+
jumpFirstOrLast : true
18+
firstLabel : 'First Page'
19+
lastLabel : 'Last Page'
1720
nextLabel: 'next',
1821
prevLabel: 'prev',
1922
rowsPerPageLabel: 'Rows per page',
@@ -186,6 +189,12 @@ There's no validation for number of pages so please be careful using this.
186189
</vue-good-table>
187190
```
188191

192+
## jumpFirstOrLast
193+
194+
type: `Boolean (default: false)`
195+
196+
Enable pagination buttons to jump to the first or last page.
197+
189198
## pagination label/text options
190199
you can change one or more of the texts shown on pagination by overriding the labels in the following way:
191200
```html

0 commit comments

Comments
 (0)