ColumnDirective

12 Sep 20251 minute to read

e-column directive represent a column of the Angular QueryBuilder.
It must be contained in a QueryBuilder component(ejs-querybuilder).

<ejs-querybuilder [dataSource]='data'>
  <e-columns>
   <e-column field='ID' label='ID' type='number'></e-column>
   <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'></e-column>
  </e-columns>
</ejs-querybuilder>

Properties

category any

Specifies the category for columns.

Defaults to null

columns any

Specifies the sub fields in columns.

Defaults to null

field any

Specifies the fields in columns.

Defaults to null

format any

Specifies the date format for columns.

Defaults to null

label any

Specifies the labels name in columns.

Defaults to null

operators any

Specifies the operators in columns.

Defaults to null

ruleTemplate any

Specifies the rule template for the field with any other widgets.

Defaults to null

step any

Specifies the step value(numeric textbox) for columns.

Defaults to null

template any

Specifies the template for value field such as slider or any other widgets.

Defaults to null

type any

Specifies the types in columns field.

Defaults to null

validation any

Specifies the validation for columns (text, number and date).

Defaults to { isRequired: true , min: 0, max: Number.MAX_VALUE }

value any

Specifies the default value for columns.

Defaults to null

values any

Specifies the values in columns or bind the values from sub controls.

Defaults to null