The wj-flex-grid-column directive must be contained in a wijmo.angular.grid.WjFlexGrid directive. It supports the following attributes:

aggregate

@ The Aggregate object to display in the group header rows for this column.

align

@ The string value that sets the horizontal alignment of items in the column to left, right, or center.

allow-dragging

@ The value indicating whether the user can move the column to a new position with the mouse.

allow-sorting

@ The value indicating whether the user can sort the column by clicking its header.

allow-resizing

@ The value indicating whether the user can resize the column with the mouse.

allow-merging

@ The value indicating whether the user can merge cells in the column.

binding

@ The name of the property to which the column is bound.

css-class

@ The name of a CSS class to use when rendering the column.

data-map

= The DataMap object to use to convert raw values into display values for the column.

data-type

@ The enumerated DataType value that indicates the type of value stored in the column.

format

@ The format string to use to convert raw values into display values for the column (see Globalize).

header

@ The string to display in the column header.

input-type

@ The type attribute to specify the input element used to edit values in the column. The default is "tel" for numeric columns, and "text" for all other non-Boolean columns.

is-content-html

@ The value indicating whether cells in the column contain HTML content rather than plain text.

is-read-only

@ The value indicating whether the user is prevented from editing values in the column.

is-selected

@ The value indicating whether the column is selected.

mask

@ The mask string used to edit values in the column.

max-width

@ The maximum width for the column.

min-width

@ The minimum width for the column.

name

@ The column name. You can use it to retrieve the column.

is-required

@ The value indicating whether the column must contain non-null values.

show-drop-down

@ The value indicating whether to show drop-down buttons for editing based on the column's DataMap.

visible

@ The value indicating whether the column is visible.

width

@ The width of the column in pixels or as a star value.

word-wrap

@ The value indicating whether cells in the column wrap their content.

Any html content within the wj-flex-grid-column directive is treated as a template for the cells in that column. The template is applied only to regular cells. If you wish to apply templates to specific cell types such as column or group headers, then please see the wijmo.angular.grid.WjFlexGridCellTemplate directive.

The following example creates two columns with a template and a conditional style:

Example

The wj-flex-grid-column directive may contain wijmo.angular.grid.WjFlexGridCellTemplate child directives.