com.github.fluorumlabs.disconnect.vaadin.elements.GridColumnGroupElement Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of disconnect-vaadin Show documentation

Vaadin components bindings for Disconnect Zero

The newest version!

package com.github.fluorumlabs.disconnect.vaadin.elements;

import com.github.fluorumlabs.disconnect.core.annotations.Import;
import com.github.fluorumlabs.disconnect.core.annotations.NpmPackage;
import com.github.fluorumlabs.disconnect.vaadin.Vaadin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ColumnBaseMixin;
import js.lang.Any;
import js.web.dom.HTMLElement;
import org.teavm.jso.JSProperty;

import javax.annotation.Nullable;

/**
 * A <vaadin-grid-column-group> is used to make groups of columns in <vaadin-grid>
 *  and
 * to configure additional headers and footers.
 * 
 * Groups can be nested to create complex header and footer configurations.
 * 

 * The class attribute is used to differentiate header and footer templates.
 *
 * 
Example:
 * <vaadin-grid-column-group resizable>
 *  <template class="header">Name</template>
 *
 *  <vaadin-grid-column>
 *    <template class="header">First</template>
 *    <template>[[item.name.first]]</template>
 *  </vaadin-grid-column>
 *  <vaadin-grid-column>
 *    <template class="header">Last</template>
 *    <template>[[item.name.last]]</template>
 *  </vaadin-grid-column>
 * </vaadin-grid-column-group>
 * 
 */
@NpmPackage(
		name = "@vaadin/vaadin",
		version = Vaadin.VERSION
)
@Import(

		module = "@vaadin/vaadin-grid/theme/lumo/vaadin-grid-column-group.js"
)
public interface GridColumnGroupElement extends HTMLElement, ColumnBaseMixin {
	static String TAGNAME() {
		return "vaadin-grid-column-group";
	}

	/**
	 * Flex grow ratio for the column group as the sum of the ratios of its child columns.
	 */
	@JSProperty
	double getFlexGrow();

	/**
	 * Width of the column group as the sum of the widths of its child columns.
	 */
	@Nullable
	@JSProperty
	String getWidth();
}