GeoTableSort Ready 10.1.0+
GeoTableSort is a component which fits nicely in a GeoTable
header. It's designed to display buttons to sort data in a table by their
values in a specific column.
Properties
| Prop name | Type | Default value | Description |
|---|---|---|---|
currentSortingDirection
| enumPropertyFactory({
componentName: 'GeoTableSort',
propertyName: 'currentSortingDirection',
enumDictionary: SORTING_DIRECTIONS,
required: true
}) | Show description | |
currentlySortingTable
| boolean | Show description |
Events
| Name | Type | Description |
|---|---|---|
sort |
string
| User wants to sort data using the criteria represented by this sorter in the direction passed as parameter. Check `SORTING_DIRECTIONS` named export for possible directions. |
Slots
| Name | Description |
|---|---|
sortAscButton | Optional. Use this slot to customize the button used to sort in |
sortDescButton | Optional. Use this slot to customize the button used to sort in |
Constants
| Name | Value |
|---|---|
SORTING_DIRECTIONS | Show definition |
Examples
Default sorter
Customization
Sorting buttons can be customized using sortAscButton and sortDescButton
scoped slots. Both of them have a property isCurrentSortingDirection which is
true iff sorting criteria represented by this sorted is the current one and
the sorting direction is ascending or descending (respectively).
Additionally, a property action is also passed. It's the method to be called
to sort the data in each direction.