Customizing the label in table cells

Properties for customizing labels

You can use the CSS properties listed in the following table to customize the label used to represent an attribute in a table component.

CSS Property	Type of Value	Default	Usage
`label`	`String`	`null`	Text to be displayed for the label. By default, no text is displayed.
`labelVisible`	`Boolean`	`true`	Determines whether the label is displayed or not.
`labelFont`	`Font`	`null`	Font to be used for the label. By default, it is a sans serif font.
`labelForeground`	`Color`	`null`	Color to be used for the label foreground of a cell. By default, the color is black.
`labelBackground`	`Color`	`null`	Color to be used for the label background of a cell. By default, the color is white.

How to customize an attribute in a table component

This example shows how to customize the representation of the attribute throughput in a table component.

<class>
  <name>Element</name>
  <superClass>ilog.tgo.model.IltNetworkElement</superClass>
  <attribute>
    <name>throughput</name>
    <javaClass>java.lang.Integer</javaClass>
  </attribute>
</class>

How to customize cell labels

The following example shows how to customize the cell labels in the class Element .

object."Element/throughput" {
       label: @throughput;
       labelForeground: yellow;
       labelBackground: red;
}

In this example, the value of throughput is automatically converted from Integer to String through the application type converter when the value of label is computed. Alternatively, you could use a format function ( @|format ) to obtain the same result. See Expressions for more information.