Class sap.m.ColumnModule: sap/m/Column
The sap.m.Column
allows to define column specific properties that will be applied when rendering the sap.m.Table
.
Since: 1.12.
sClassName
and enriches it with the information contained in oClassInfo
. Accepts an object literal mSettings
that defines initial property values, aggregated and associated objects as well as event handlers. See sap.ui.base.ManagedObject for a general description of the syntax of the settings object.
The supported settings are:
- Properties
- width : sap.ui.core.CSSSize
- hAlign : sap.ui.core.TextAlign (default: Begin)
- vAlign : sap.ui.core.VerticalAlign (default: Inherit)
- styleClass : string
- visible : boolean (default: true)
- minScreenWidth : string
- demandPopin : boolean (default: false)
- popinHAlign : sap.ui.core.TextAlign (default: Begin)
- popinDisplay : sap.m.PopinDisplay (default: Block)
- mergeDuplicates : boolean (default: false)
- mergeFunctionName : string (default: getText)
- Aggregations
In addition, all settings applicable to the base type sap.ui.core.Element can be used as well.
{string} | sId? | id for the new control, generated automatically if no id is given |
{object} | mSettings? | initial settings for the new control |
sClassName
and enriches it with the information contained in oClassInfo
. oClassInfo
might contain the same kind of information as described in sap.ui.core.Element.extend.
{string} | sClassName | Name of the class being created |
{object} | oClassInfo? | Object literal with information about the class |
{function} | FNMetaImpl? | Constructor function for the metadata object; if not given, it defaults to sap.ui.core.ElementMetadata |
{function} | Created class / constructor function |
{sap.ui.base.Metadata} | Metadata object describing this class |
TODO: This is so ugly to check content functions instead we should document how to use our controls to inherit text-alignment and we should add a new sap.ui.core.TextAlign type called "Inherit"
{sap.ui.core.Control} | oControl | List control |
{String} | sAlign? | TextAlign enumeration |
{sap.ui.core.Control} | oControl |
- Since:
- 1.20.4
{sap.m.Column} |
footer
. {sap.m.Column} | Reference to this in order to allow method chaining |
header
. {sap.m.Column} | Reference to this in order to allow method chaining |
{String} | sAlign? | TextAlign enumeration |
{String} | left|center|right |
demandPopin
. According to your minScreenWidth settings, the column can be hidden in different screen sizes. Setting this property to true, shows this column as pop-in instead of hiding it.
Default value is false
.
{boolean} | Value of property demandPopin |
footer
. Control to be displayed in the column footer.
{sap.ui.core.Control} |
hAlign
. Horizontal alignment of the column content. Available alignment settings are "Begin", "Center", "End", "Left", and "Right".
NOTE: Control with a "textAlign" property inherits the horizontal alignment.
Default value is Begin
.
{sap.ui.core.TextAlign} | Value of property hAlign |
header
. Control to be displayed in the column header.
{sap.ui.core.Control} |
{int} | initial order of the column |
mergeDuplicates
. Set "true" to merge repeating cells(duplicates) into one cell block. Please see "mergeFunctionName" property to customize this property. Note: This feature must not be used together with two-way binding. This property is ignored if a column is shown in the pop-in.
Default value is false
.
- Since:
- 1.16
{boolean} | Value of property mergeDuplicates |
mergeFunctionName
. Defines the value getter(serialization) function if "mergeDuplicates" property is set "true" Control itself uses this function to compare values of two repeating cells. Default value "getText" is suitable for Label and Text control. e.g. For "Icon" control "getSrc" can be used. Note: You can pass one string parameter to given function after "#" sign. e.g. "data#myparameter"
Default value is getText
.
- Since:
- 1.16
{string} | Value of property mergeFunctionName |
minScreenWidth
. By default column is always shown. If you set this property, control checks the minimum width of the screen to show or hide this column. As you can give specific CSS sizes(e.g: "480px" or "40em"), you can also use sap.m.ScreenSize enumeration(e.g: "Phone", "Tablet", "Desktop", "Small", "Medium", "Large", ....).
sap.m.Column.MediaQuery1->Range1 = 199
This property can be used for responsive design. e.g: "40em"(or "640px" or "Tablet") setting shows this column in iPad(and Desktop) but hides in iPhone. Please also see "demandPopin" property
{string} | Value of property minScreenWidth |
popinDisplay
. Defines enumerated display options for the pop-in.
Default value is Block
.
- Since:
- 1.13.2
{sap.m.PopinDisplay} | Value of property popinDisplay |
styleClass
. CSS class name for column contents(header, cells and footer of column). This property can be used for different column styling. If column is shown as pop-in then this class name is applied to related pop-in row.
{string} | Value of property styleClass |
vAlign
. Vertical alignment of the cells in a column. Possible values are "Inherit", "Top", "Middle", "Bottom" This property does not affect the vertical alignment of header and footer.
Default value is Inherit
.
{sap.ui.core.VerticalAlign} | Value of property vAlign |
visible
. Specifies whether or not the column is visible. Invisible columns are not rendered.
Default value is true
.
{boolean} | Value of property visible |
width
. Defines the width of the column. If you leave it empty then this column covers the remaining space.
{sap.ui.core.CSSSize} | Value of property width |
demandPopin
. According to your minScreenWidth settings, the column can be hidden in different screen sizes. Setting this property to true, shows this column as pop-in instead of hiding it.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bDemandPopin | New value for property demandPopin |
{sap.m.Column} | Reference to this in order to allow method chaining |
{Object} | oTableDomRef | Table DOM reference |
{boolean} | bDisplay? | whether visible or not |
{Object} | oTableDomRef | Table DOM reference |
footer
. {sap.ui.core.Control} | oFooter | The footer to set |
{sap.m.Column} | Reference to this in order to allow method chaining |
hAlign
. Horizontal alignment of the column content. Available alignment settings are "Begin", "Center", "End", "Left", and "Right".
NOTE: Control with a "textAlign" property inherits the horizontal alignment.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Begin
.
{sap.ui.core.TextAlign} | sHAlign | New value for property hAlign |
{sap.m.Column} | Reference to this in order to allow method chaining |
header
. {sap.ui.core.Control} | oHeader | The header to set |
{sap.m.Column} | Reference to this in order to allow method chaining |
{int} | nIndex | index of the visible column |
{int} | nOrder | initial order of the column |
{any} | value | Any Value |
- Since:
- 1.16
{sap.m.Column} |
mergeDuplicates
. Set "true" to merge repeating cells(duplicates) into one cell block. Please see "mergeFunctionName" property to customize this property. Note: This feature must not be used together with two-way binding. This property is ignored if a column is shown in the pop-in.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bMergeDuplicates | New value for property mergeDuplicates |
- Since:
- 1.16
{sap.m.Column} | Reference to this in order to allow method chaining |
mergeFunctionName
. Defines the value getter(serialization) function if "mergeDuplicates" property is set "true" Control itself uses this function to compare values of two repeating cells. Default value "getText" is suitable for Label and Text control. e.g. For "Icon" control "getSrc" can be used. Note: You can pass one string parameter to given function after "#" sign. e.g. "data#myparameter"
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is getText
.
{string} | sMergeFunctionName | New value for property mergeFunctionName |
- Since:
- 1.16
{sap.m.Column} | Reference to this in order to allow method chaining |
minScreenWidth
. By default column is always shown. If you set this property, control checks the minimum width of the screen to show or hide this column. As you can give specific CSS sizes(e.g: "480px" or "40em"), you can also use sap.m.ScreenSize enumeration(e.g: "Phone", "Tablet", "Desktop", "Small", "Medium", "Large", ....).
sap.m.Column.MediaQuery1->Range1 = 199
This property can be used for responsive design. e.g: "40em"(or "640px" or "Tablet") setting shows this column in iPad(and Desktop) but hides in iPhone. Please also see "demandPopin" property
When called with a value of null
or undefined
, the default value of the property will be restored.
{string} | sMinScreenWidth | New value for property minScreenWidth |
{sap.m.Column} | Reference to this in order to allow method chaining |
{int} | nOrder | order of the column |
popinDisplay
. Defines enumerated display options for the pop-in.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Block
.
{sap.m.PopinDisplay} | sPopinDisplay | New value for property popinDisplay |
- Since:
- 1.13.2
{sap.m.Column} | Reference to this in order to allow method chaining |
styleClass
. CSS class name for column contents(header, cells and footer of column). This property can be used for different column styling. If column is shown as pop-in then this class name is applied to related pop-in row.
When called with a value of null
or undefined
, the default value of the property will be restored.
{string} | sStyleClass | New value for property styleClass |
{sap.m.Column} | Reference to this in order to allow method chaining |
vAlign
. Vertical alignment of the cells in a column. Possible values are "Inherit", "Top", "Middle", "Bottom" This property does not affect the vertical alignment of header and footer.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Inherit
.
{sap.ui.core.VerticalAlign} | sVAlign | New value for property vAlign |
{sap.m.Column} | Reference to this in order to allow method chaining |
visible
. Specifies whether or not the column is visible. Invisible columns are not rendered.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
{boolean} | bVisible | New value for property visible |
{sap.m.Column} | Reference to this in order to allow method chaining |
width
. Defines the width of the column. If you leave it empty then this column covers the remaining space.
When called with a value of null
or undefined
, the default value of the property will be restored.
{sap.ui.core.CSSSize} | sWidth | New value for property width |
{sap.m.Column} | Reference to this in order to allow method chaining |
popinHAlign
. Horizontal alignment of the pop-in content. Available alignment settings are "Begin", "Center", "End", "Left", and "Right".
NOTE: Controls with a text align do not inherit the horizontal alignment.
Default value is Begin
.
- Deprecated:
- Since version 1.14. Use popinDisplay property instead.
{sap.ui.core.TextAlign} | Value of property popinHAlign |
popinHAlign
. Horizontal alignment of the pop-in content. Available alignment settings are "Begin", "Center", "End", "Left", and "Right".
NOTE: Controls with a text align do not inherit the horizontal alignment.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Begin
.
{sap.ui.core.TextAlign} | sPopinHAlign | New value for property popinHAlign |
- Deprecated:
- Since version 1.14. Use popinDisplay property instead.
{sap.m.Column} | Reference to this in order to allow method chaining |