The Datagrid element is used for providing users with a read-only table style listing of data bound from an external data source such as database table/view or stored procedure
The following properties are available for a Datagrid element
General Tab
Property Name |
Description |
Name |
Property used the describe the name of the Datagrid element. This is a required field |
FieldGroupName |
This property represents the Name of the Group the field element belongs to. FieldGroupName property is generally used with Conditional Visibility where it could be applied to a group of field elements with the same FieldGroupName value. |
Layout Tab
Property Name |
Description |
Class |
Name of the CSS style class. Some of the CSS classes available for use are • Normal • Head • SubHead • SubSubHead • NormalRed • NormalBold • Refer to the module style sheet and/or skin style sheet for more available CSS classes. It is also possible to reference external CSS style sheets by adding a link reference via the HTML element. |
Width |
Specifies the width of the field element |
Height |
Specifies the Height of the field element |
Border |
Specifies whether the field element has a border. Field element has no border by default (0px). Border width is specified in terms of pixels (px) |
CellSpacing |
Specifies the width between cells in the datagrid. Cell spacing value is specified in terms of pixels (px) |
CellPadding |
Specifies the distance between edges and cell data. Cell padding value is specified in terms of pixels (px) |
HeaderCSSClass |
This property is used for specifying the CSS style to apply to the Header of the field element |
ItemCSSClass |
This property is used for specifying the CSS style to apply to the Item data row of the field element |
AlternatingCSSClass |
This property is used for specifying the CSS style to apply to the Alternating Item row of the field element |
PagerCSSClass |
This property is used for specifying the CSS style to apply to Paging row of the field element |
EmptyDataCSSClass |
This property is used for specifying the CSS style to apply when there is no data in the datagrid |
Paging Tab
Property Name |
Description |
EnablePaging |
This property is used to specify if data Paging should be enabled in the field element. If this property is not enabled, all data rows are displayed |
PagingSize |
This property is used to specify the number of Row to display if Paging is enabled. |
PagingStyle |
This property is used to specify the style of Paging to be used for navigation between data pages. Currently two paging styles are supported. Previous Next or Numeric Pages. PreviousNext use Next and Previous links to navigate between pages. Numeric Pages use page numbers as links to navigate between pages. |
Databinding Tab
Refer to here for more information each property of the Databinding tab
Conditional Visibility Tab
Refer to here for more information each property of the Conditional Visibility tab