Column
This component is a child of silk:Table. It is used to configure the columns displayed by the silk:Table. The silk:Column content is formatted based on the template contained in the component. The template can support any HTML tag and uses braces or curly brackets "{}" to enclose the name of data fields. The data fields will be replaced by values from the silk:DataProvider at a displayed time. The template can have as many data fields as necessary.
Tag Use
Used as a container:
<silk:Column
id=""
title=""
align="left"
valign="middle"
width=""
wrap="false"
renderer=""
targetPage=""
cssClass=""
draggable="false"
more="false"
ordering="false"
icon=""
inputType=""
inputMask=""
valueColumn=""
labelColumn=""
visibleColumn=""
sortColumn=""
idColumn=""
renderIf=""
cleanIf=""
distinct=""
>
Contains: Template containing {fields} and HTML components.
</silk:Column>Properties
*Required property.
id*
The Column's unique identifier. Default Value: Empty.
title
The text to be displayed in the column header. The title will be displayed according to what is configured in the header property of the parent silk:Table component. Default Value: Empty.
align
The column's content horizontal alignment: left, center, right. Default Value: left.
valign
The column's content vertical alignment: top, middle, bottom. Default Value: middle.
width
The column's predefine fixed width. Default Value: Empty.
wrap
Defines if the column's content will the wrapped in narrow columns. Default Value: false.
renderer
The JavaScript function which will be used to render the Column content. The function receives tree parameters. The row index, the record item, and the column's content. The function should return a text value. Default Value: Empty.
targetPage
The silk:Page's identifier which will be selected/show when the column is clicked. Default Value: Empty.
cssClass
A CSS class to stylized the column. Default Value: Empty.
draggable
Defines if the column will listen to drag events. This will also show the "drag" icon. Default Value: false.
more
When set to "true" this will set the column to show the "menu" icon. Default Value: false.
ordering
When set to "true" this will set the column to show the "menu" icon. Default Value: false.
icon
Defines the Font Awesome icon class to show together with the column's content. Default Value: Empty.
inputType
The terminates the input's type. This property is used when the table's inputs are being built. The values can be set as text, textarea, html, integer, decimal(x), or the name of the Data Provider property that contains the type to be used. Default Value: Empty.
inputMask
This property determines determines the input's mask. It is used when the table's inputs are being built. Usually, the mask is determined by the type of input selected. This property should be used if a different input mask is required. The mask uses the (JQuery Mask)[https://igorescobar.github.io/jQuery-Mask-Plugin/] library patterns, with the addition that if using a decimal mask, an extra "D" has to be added to the end of the mask. Default Value: Empty.
valueColumn
The name of the data column which will filled the input. Default Value: Empty.
labelColumn
The name of the data column use as input label. Default Value: Empty.
visibleColumn
This property determines the input's visibility. It is used when the table's inputs are being built. The value is the DataProvider's property, which will decide whether the input should be rendered. The value should be numeric. If it is one (1), the input will be rendered, if zero(0) the input will not be rendered. Default Value: Empty.
sortColumn
The column to sort the dataProvider. This does not work if the dataProvider is set to treeData="true". Default Value: Empty.
idColumn
The input identifier which will be used to extract the entered data. Default Value: Empty.
renderIf
A logic condition determining if the application should be executed. It accepted model variables. The explanation on how to use the logic statement is found in Server Code Logic documentation. Default Value: Empty.
cleanIf
Logic statement indicating the condition in which the column cell should show empty. Keywords: empty. Default Value: Empty.
distinct
The column which will determine the distinct condition. If the column's value of the previous row is equals to the current row the value will not be rendered. Default Value: Empty.
Location
The Column tag should be located as a child node of the silk:Table tag.
Last updated