A2v10 Platform documentation
UK


DataGrid Control

All controls

Represents a table with data. Works only with a data source. Displays one row for each element of the data source array. Table columns are defined by a collection of nested DataGridColumn objects.

Together with the CollectionView component, the table supports sorting, filtering, pagination, and row grouping.

Inherits: Control : UIElement : UIElementBase

Properties

Name Type Description
ItemsSource Array Always a binding - Bind. The source of data to display.
Compact Boolean Compact table display style.
Hover Boolean Highlighting a row on mouse hover.
Striped Boolean Coloring the table "with stripes" with highlighting even and odd rows.
FixedHeader Boolean Fix the table header when scrolling.
Style DataGridStyle Table display style. Possible values:
  • Default - (by default) regular style.
  • Light - light style.
Background BackgroundStyle Background color.
Mark Object Bind (Bind) only. Table row marking. A marker is a vertical line in the left column and/or a color highlight. Details below.
MarkerStyle RowMarkerStyle The style of marking a row in a table. Possible values:
  • None - (by default) no marking.
  • Row - background color.
  • Marker - marker in the form of a line in the first column.
  • Both - both types of marking.
EmptyPanel UIElement The panel that is displayed if the content is empty. Usually an EmptyPanel object.
DoubleClick BindCmd The command to be executed when you double-click on a row in the table. Don't forget to pass an argument to the command.
ContextMenu DropDownMenu The context menu that will be displayed upon the right mouse-click.
RowDetails DataGridRowDetails Detailing for a string.
AutoSelect AutoSelectMode Automatically highlight an item after loading or refreshing the list. Only the FirstItem and LastItem values are supported. .
Base item properties

Marking of the table rows

The binding expression for the Mark property must return a text string, which is an additional CSS class to add to the string. The default theme supports the following row markings:

value Mark"Marker""Row" "danger", "red", "error" #fc7c7c #fff5fa "warning", "yellow" #ffd700 #fffff0 "success", "green" #89e489 #f5fff5 "info", "cyan" #72eaea #f0ffff