@scoped-vaadin/grid
Version:
A free, flexible and high-quality Web Component for showing large amounts of tabular data
39 lines (35 loc) • 1.14 kB
JavaScript
/**
* @license
* Copyright (c) 2016 - 2024 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import './vaadin-grid-sorter.js';
import { defineCustomElement } from '@scoped-vaadin/component-base/src/define.js';
import { GridColumn } from './vaadin-grid-column.js';
import { GridSortColumnMixin } from './vaadin-grid-sort-column-mixin.js';
/**
* `<vaadin24-grid-sort-column>` is a helper element for the `<vaadin24-grid>`
* that provides default header renderer and functionality for sorting.
*
* #### Example:
* ```html
* <vaadin24-grid items="[[items]]">
* <vaadin24-grid-sort-column path="name.first" direction="asc"></vaadin24-grid-sort-column>
*
* <vaadin24-grid-column>
* ...
* ```
*
* @fires {CustomEvent} direction-changed - Fired when the `direction` property changes.
*
* @customElement
* @extends GridColumn
* @mixes GridSortColumnMixin
*/
class GridSortColumn extends GridSortColumnMixin(GridColumn) {
static get is() {
return 'vaadin24-grid-sort-column';
}
}
defineCustomElement(GridSortColumn);
export { GridSortColumn };