Data grid

Estimated reading: 2 minutes 3441 views

This control is used to display data in a series of rows and columns. DataGrid is used to display data in scrollable grid. It requires data source to populate data in the grid.

Properties

Appearance

AltRowColor: You can choose the color from the color wheel to set colors in alternative rows.

BGColor: Choose the background color from the color wheel to be displayed for the timer box

BorderThickness(px): Specify the border thickness value in pixels. The order of the border will be (left, top, right, bottom).

ColHeaderColor: You can set the colors for column headers from the color wheel.

CanUserReplace

Columns: You can set the columns resizable for the user here from the drop -down. Select either yes or no.

Rows: You can set the rows resizable for the user here from the drop -down. Select either yes or no

COLUMNS

HeaderList: If you are entering data inputs directly, mention the header list.

Controls

List: If you are entering data inputs directly, mention the list items.

FONT

FontColor: Choose the font color from the color wheel for the text/ value to display.

FontName: You can choose the font name from the drop-down for the text/ value to display.

FontSize: Specify the font size for the text/value to display.

FontStyle:Choose the font style from the drop – down,

  1.  Normal
  2.  Italic
  3.  Oblique

FontWeight: The thickness/ weight of the font can be selected from the drop-down.

GENERAL PROPERTIES

FormName: The name of the form will be displayed here.

Type: The type of the control will be displayed here.

INPUTS

ControlName: It displays the default name.

IsReadable: You can set the table to only read mode here from the drop-down.

VariableName: A default variable name will be available here; you can customize it accordingly.

POSITION (px)

Left : Increasing the count will move the control to the right side. Decreasing the count will move it to the Left side.

Top: Increasing the count will bring the control down and decreasing the count will move the control up.

SCROLL BAR

Horizontal: The scroll bar will be automatically created horizontally if it is set as Auto. The other options are , Auto, Disabled, Hidden, Visible.

Vertical: The scroll bar will be automatically created vertically if it is set as Auto. The other options are , Auto, Disabled, Hidden, Visible.

SIZE(PX)

Height: You can increase or decrease the height of the box.

Width: You can increase or decrease the width of the box.

Share this Doc

Data grid

Or copy link

CONTENTS