Table

open class Table(headerNames: List<String>?, types: Set<TableType>, caption: String?, responsiveType: ResponsiveType?, tableColor: TableColor?, theadColor: TableColor?, className: String?, init: Table.() -> Unit?) : SimplePanel

HTML table component.

Parameters

headerNames

a list of table headers names

types

a set of table types

caption

table caption

responsiveType

determines if the table is responsive

tableColor

table color variant

theadColor

table header color variant

className

CSS class names

init

an initializer extension function

Constructors

Table
Link copied to clipboard
fun Table(headerNames: List<String>? = null, types: Set<TableType> = setOf(), caption: String? = null, responsiveType: ResponsiveType? = null, tableColor: TableColor? = null, theadColor: TableColor? = null, className: String? = null, init: Table.() -> Unit? = null)

Functions

add
Link copied to clipboard
open override fun add(child: Component): Table
open override fun add(position: Int, child: Component): Table
addAfterDestroyHook
Link copied to clipboard
open override fun addAfterDestroyHook(hook: () -> Unit): Boolean
addAfterInsertHook
Link copied to clipboard
open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean
addAll
Link copied to clipboard
open override fun addAll(children: List<Component>): Table
addBeforeDisposeHook
Link copied to clipboard
open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean
addCssClass
Link copied to clipboard
open override fun addCssClass(css: String): Widget
addCssStyle
Link copied to clipboard
open override fun addCssStyle(css: Style): Widget
addHeaderCell
Link copied to clipboard
fun addHeaderCell(cell: HeaderCell): Table

Adds new header cell to the table.

addSurroundingCssClass
Link copied to clipboard
open override fun addSurroundingCssClass(css: String): Widget
addSurroundingCssStyle
Link copied to clipboard
open override fun addSurroundingCssStyle(css: Style): Widget
blur
Link copied to clipboard
open fun blur()
clearDragDropData
Link copied to clipboard
open fun clearDragDropData()
clearParent
Link copied to clipboard
open override fun clearParent(): Widget
dispatchEvent
Link copied to clipboard
open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean?
dispose
Link copied to clipboard
open override fun dispose()
disposeAll
Link copied to clipboard
open override fun disposeAll(): Container
focus
Link copied to clipboard
open fun focus()
getAttribute
Link copied to clipboard
open override fun getAttribute(name: String): String?
getChildren
Link copied to clipboard
open override fun getChildren(): List<Component>
getElement
Link copied to clipboard
open override fun getElement(): Node?
getElementD
Link copied to clipboard
open override fun getElementD(): dynamic
getRoot
Link copied to clipboard
open override fun getRoot(): Root?
getSnStyle
Link copied to clipboard
open fun getSnStyle(): dynamic
getStyle
Link copied to clipboard
fun getStyle(name: String): String?
hasCssClass
Link copied to clipboard
open override fun hasCssClass(css: String): Boolean
hide
Link copied to clipboard
open fun hide(): Widget
invoke
Link copied to clipboard
open operator fun invoke(vararg children: Component): Container
refresh
Link copied to clipboard
open override fun refresh(): Widget
remove
Link copied to clipboard
open override fun remove(child: Component): Table
removeAll
Link copied to clipboard
open override fun removeAll(): Table
removeAt
Link copied to clipboard
open override fun removeAt(position: Int): Table
removeAttribute
Link copied to clipboard
open override fun removeAttribute(name: String): Widget
removeCssClass
Link copied to clipboard
open override fun removeCssClass(css: String): Widget
removeCssStyle
Link copied to clipboard
open override fun removeCssStyle(css: Style): Widget
removeEventListener
Link copied to clipboard
open fun removeEventListener(id: Int): Widget
removeEventListeners
Link copied to clipboard
open fun removeEventListeners(): Widget
removeHeaderCell
Link copied to clipboard
fun removeHeaderCell(cell: HeaderCell): Table

Removes given header cell from the table.

removeHeaderCells
Link copied to clipboard
fun removeHeaderCells(): Table

Removes all header cells from table.

removeStyle
Link copied to clipboard
fun removeStyle(name: String): StyledComponent
removeSurroundingCssClass
Link copied to clipboard
open override fun removeSurroundingCssClass(css: String): Widget
removeSurroundingCssStyle
Link copied to clipboard
open override fun removeSurroundingCssStyle(css: Style): Widget
renderVNode
Link copied to clipboard
open override fun renderVNode(): VNode
setAttribute
Link copied to clipboard
open override fun setAttribute(name: String, value: String): Widget
setDragDropData
Link copied to clipboard
open fun setDragDropData(format: String, data: String)
setDropTarget
Link copied to clipboard
open fun setDropTarget(format: String, callback: (DragEvent) -> Unit)
open fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)
setDropTargetData
Link copied to clipboard
open fun setDropTargetData(format: String, callback: (String?) -> Unit)
setEventListener
Link copied to clipboard
open fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int
setStyle
Link copied to clipboard
fun setStyle(name: String, value: String): StyledComponent
show
Link copied to clipboard
open fun show(): Widget
singleRender
Link copied to clipboard
open override fun <T> singleRender(block: () -> T): T
singleRenderAsync
Link copied to clipboard
open override fun singleRenderAsync(block: () -> Unit)
toggleVisible
Link copied to clipboard
open fun toggleVisible(): Widget
translate
Link copied to clipboard
open fun translate(text: String): String
open fun translate(text: String?): String?
unaryPlus
Link copied to clipboard
open operator fun String.unaryPlus()

Properties

_archivedState
Link copied to clipboard
var _archivedState: dynamic
alignContent
Link copied to clipboard
open var alignContent: AlignContent?
alignItems
Link copied to clipboard
open var alignItems: AlignItems?
alignSelf
Link copied to clipboard
open var alignSelf: AlignItems?
background
Link copied to clipboard
open var background: Background?
border
Link copied to clipboard
open var border: Border?
borderBottom
Link copied to clipboard
open var borderBottom: Border?
borderLeft
Link copied to clipboard
open var borderLeft: Border?
borderRadius
Link copied to clipboard
open var borderRadius: CssSize?
borderRadiusList
Link copied to clipboard
open var borderRadiusList: List<CssSize>?
borderRight
Link copied to clipboard
open var borderRight: Border?
borderTop
Link copied to clipboard
open var borderTop: Border?
bottom
Link copied to clipboard
open var bottom: CssSize?
boxShadow
Link copied to clipboard
open var boxShadow: BoxShadow?
boxShadowList
Link copied to clipboard
open var boxShadowList: List<BoxShadow>?
caption
Link copied to clipboard
var caption: String?

Table caption.

clear
Link copied to clipboard
open var clear: Clear?
color
Link copied to clipboard
open var color: Color?
colorHex
Link copied to clipboard
open var colorHex: Int?
colorName
Link copied to clipboard
open var colorName: Col?
cursor
Link copied to clipboard
open var cursor: Cursor?
display
Link copied to clipboard
open var display: Display?
draggable
Link copied to clipboard
var draggable: Boolean?
eventTarget
Link copied to clipboard
var eventTarget: Widget?
flexBasis
Link copied to clipboard
open var flexBasis: CssSize?
flexDirection
Link copied to clipboard
open var flexDirection: FlexDirection?
flexGrow
Link copied to clipboard
open var flexGrow: Int?
flexShrink
Link copied to clipboard
open var flexShrink: Int?
flexWrap
Link copied to clipboard
open var flexWrap: FlexWrap?
float
Link copied to clipboard
open var float: PosFloat?
fontFamily
Link copied to clipboard
open var fontFamily: String?
fontSize
Link copied to clipboard
open var fontSize: CssSize?
fontStyle
Link copied to clipboard
open var fontStyle: FontStyle?
fontVariant
Link copied to clipboard
open var fontVariant: FontVariant?
fontWeight
Link copied to clipboard
open var fontWeight: FontWeight?
gridArea
Link copied to clipboard
open var gridArea: String?
gridAutoColumns
Link copied to clipboard
open var gridAutoColumns: String?
gridAutoFlow
Link copied to clipboard
open var gridAutoFlow: GridAutoFlow?
gridAutoRows
Link copied to clipboard
open var gridAutoRows: String?
gridColumnEnd
Link copied to clipboard
open var gridColumnEnd: String?
gridColumnGap
Link copied to clipboard
open var gridColumnGap: Int?
gridColumnStart
Link copied to clipboard
open var gridColumnStart: Int?
gridRowEnd
Link copied to clipboard
open var gridRowEnd: String?
gridRowGap
Link copied to clipboard
open var gridRowGap: Int?
gridRowStart
Link copied to clipboard
open var gridRowStart: Int?
gridTemplateAreas
Link copied to clipboard
open var gridTemplateAreas: List<String>?
gridTemplateColumns
Link copied to clipboard
open var gridTemplateColumns: String?
gridTemplateRows
Link copied to clipboard
open var gridTemplateRows: String?
headerNames
Link copied to clipboard
var headerNames: List<String>?

Table headers names.

height
Link copied to clipboard
open var height: CssSize?
id
Link copied to clipboard
var id: String?
justifyContent
Link copied to clipboard
open var justifyContent: JustifyContent?
justifyItems
Link copied to clipboard
open var justifyItems: JustifyItems?
justifySelf
Link copied to clipboard
open var justifySelf: JustifyItems?
kvscope
Link copied to clipboard
var kvscope: dynamic
left
Link copied to clipboard
open var left: CssSize?
letterSpacing
Link copied to clipboard
open var letterSpacing: CssSize?
lineBreak
Link copied to clipboard
open var lineBreak: LineBreak?
lineHeight
Link copied to clipboard
open var lineHeight: CssSize?
margin
Link copied to clipboard
open var margin: CssSize?
marginBottom
Link copied to clipboard
open var marginBottom: CssSize?
marginLeft
Link copied to clipboard
open var marginLeft: CssSize?
marginRight
Link copied to clipboard
open var marginRight: CssSize?
marginTop
Link copied to clipboard
open var marginTop: CssSize?
maxHeight
Link copied to clipboard
open var maxHeight: CssSize?
maxWidth
Link copied to clipboard
open var maxWidth: CssSize?
minHeight
Link copied to clipboard
open var minHeight: CssSize?
minWidth
Link copied to clipboard
open var minWidth: CssSize?
opacity
Link copied to clipboard
open var opacity: Double?
order
Link copied to clipboard
open var order: Int?
outline
Link copied to clipboard
open var outline: Outline?
overflow
Link copied to clipboard
open var overflow: Overflow?
overflowWrap
Link copied to clipboard
open var overflowWrap: OverflowWrap?
padding
Link copied to clipboard
open var padding: CssSize?
paddingBottom
Link copied to clipboard
open var paddingBottom: CssSize?
paddingLeft
Link copied to clipboard
open var paddingLeft: CssSize?
paddingRight
Link copied to clipboard
open var paddingRight: CssSize?
paddingTop
Link copied to clipboard
open var paddingTop: CssSize?
parent
Link copied to clipboard
open override var parent: Container?
popoverHooksActive
Link copied to clipboard
var popoverHooksActive: Boolean
popoverOptions
Link copied to clipboard
var popoverOptions: dynamic
position
Link copied to clipboard
open var position: Position?
resize
Link copied to clipboard
open var resize: Resize?
responsiveType
Link copied to clipboard
var responsiveType: ResponsiveType?

Determines if the table is responsive.

right
Link copied to clipboard
open var right: CssSize?
role
Link copied to clipboard
var role: String?
tabindex
Link copied to clipboard
var tabindex: Int?
tableColor
Link copied to clipboard
var tableColor: TableColor?

Table color variant.

textAlign
Link copied to clipboard
open var textAlign: TextAlign?
textDecoration
Link copied to clipboard
open var textDecoration: TextDecoration?
textDirection
Link copied to clipboard
open var textDirection: Direction?
textIndent
Link copied to clipboard
open var textIndent: CssSize?
textOverflow
Link copied to clipboard
open var textOverflow: TextOverflow?
textShadow
Link copied to clipboard
open var textShadow: TextShadow?
textTransform
Link copied to clipboard
open var textTransform: TextTransform?
theadColor
Link copied to clipboard
val theadColor: TableColor? = null
title
Link copied to clipboard
var title: String?
tooltipHooksActive
Link copied to clipboard
var tooltipHooksActive: Boolean
tooltipOptions
Link copied to clipboard
var tooltipOptions: dynamic
top
Link copied to clipboard
open var top: CssSize?
transition
Link copied to clipboard
open var transition: Transition?
transitionList
Link copied to clipboard
open var transitionList: List<Transition>?
types
Link copied to clipboard
var types: Set<TableType>

Table types.

unicodeBidi
Link copied to clipboard
open var unicodeBidi: UnicodeBidi?
verticalAlign
Link copied to clipboard
open var verticalAlign: VerticalAlign?
visible
Link copied to clipboard
open override var visible: Boolean
whiteSpace
Link copied to clipboard
open var whiteSpace: WhiteSpace?
width
Link copied to clipboard
open var width: CssSize?
wordBreak
Link copied to clipboard
open var wordBreak: WordBreak?
wordSpacing
Link copied to clipboard
open var wordSpacing: CssSize?
zIndex
Link copied to clipboard
open var zIndex: Int?

Extensions

headerCell
Link copied to clipboard
fun Table.headerCell(content: String? = null, rich: Boolean = false, align: Align? = null, scope: Scope? = null, className: String? = null, init: HeaderCell.() -> Unit? = null): HeaderCell

DSL builder extension function.

row
Link copied to clipboard
fun Table.row(className: String? = null, init: Row.() -> Unit? = null): Row

DSL builder extension function.