package.src.vaadin-grid-column-group.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of grid Show documentation
Show all versions of grid Show documentation
A free, flexible and high-quality Web Component for showing large amounts of tabular data
The newest version!
/**
* @license
* Copyright (c) 2016 - 2024 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
import { GridColumnGroupMixin } from './vaadin-grid-column-group-mixin.js';
export * from './vaadin-grid-column-group-mixin.js';
/**
* A `` is used to make groups of columns in `` and
* to configure additional headers and footers.
*
* Groups can be nested to create complex header and footer configurations.
*
* #### Example:
* ```html
*
*
*
*
* ```
*
* ```js
* const columnGroup = document.querySelector('#columnGroup');
* columnGroup.headerRenderer = (root, columnGroup) => {
* root.textContent = 'header';
* }
*
* const column1 = document.querySelector('#column1');
* column1.headerRenderer = (root, column) => { ... };
* column1.renderer = (root, column, model) => { ... };
*
* const column2 = document.querySelector('#column2');
* column2.headerRenderer = (root, column) => { ... };
* column2.renderer = (root, column, model) => { ... };
* ```
*
* @customElement
* @extends HTMLElement
* @mixes GridColumnGroupMixin
*/
class GridColumnGroup extends GridColumnGroupMixin(PolymerElement) {
static get is() {
return 'vaadin-grid-column-group';
}
}
defineCustomElement(GridColumnGroup);
export { GridColumnGroup };
© 2015 - 2024 Weber Informatics LLC | Privacy Policy