Using Zen Components - InterSystems Documentation

Zen TablesThe element supports the following attributes:AttributecellStyleDescriptionCSS style to be applied to cells within the target column, for rows in which this condition evaluatestrue. For example:"color: red;"colNamepredicaterowStyleRequired. The name of the column that provides the data value to be evaluated by the. colName can be a literal string, or it can contain a Zen #()# runtime expression.The logical operator used to evaluate the condition. predicate may be one of the followingcomparison operators: "", "GT", "EQ", "LT", "NEQ", "GTEQ", "LTEQ", "EXTEQ", "STARTSWITH",or "CONTAINS". The default predicate is "EQ". For details about each operator, see the“ predicate Values” table, below.CSS style to apply to rows in which this condition evaluates to true. For example:"font-weight: bold;"targetColvalueThe name of the column that cellStyle applies to. If not specified, colName is used.targetCol can be a literal string, or it can contain a Zen #()# runtime expression.The literal value to be compared against the value in the column identified in colName. If enclosedwithin {} (for example, "{Title}") value is treated as the name of another column, and thevalue in that column is used.value can be a literal string, or it can contain a Zen #()# runtime expression.When a table is displayed, all elements within the are evaluated individually for each row in thetable. If a evaluates true, then the rowStyle or cellStyle for the condition is applied to the row or cell, respectively.The predicate attribute may have the following values.Table 1–3: predicate ValuesPredicateCONTAINSEQEXTEQGTGTEQLTLTEQDescriptionTrue if the value in the column identified by colName contains (as a substring) the valuespecified by value.True if the value in the column identified by colName is equal to the value specified by value.True if the filename in the column identified by colName has the file extension specified byvalue.True if the value in the column identified by colName is greater than the value specified byvalue.True if the value in the column identified by colName is greater than or equal to the valuespecified by value.True if the value in the column identified by colName is less than the value specified byvalue.True if the value in the column identified by colName is less than or equal to the valuespecified by value.18 Using Zen Components