Grid View Row Items guide, UI Control for ASP.NET AJAX, C#, VB.NET, contains items for data, pageer, command, status bar

GridView Row Items in ASP.NET AJAX

Home > How to > Grid Rows Items

The Kettic Data Grid Control has the ability to display the summary rows while applying the grouping feature, or show total rows which have result values calculated from the functions like Sum, Count, Min, Max, Average, etc. What's more, these results can be completely customized as necessary. The key properties are listed below. Developers can define each property in design time aspx property windows, or write the C# code in runtime.

IsEditable, this property is able to allow users to edit the datagrid rows.
IsExpanded, when the grid row is a grouping header row or when displaying hierarchy, this property is able to indicate whether the row has been expanded.
IsSelected, this property allows users to select the rows when it is enabled. If true, you can click the current row, and this data row can be selected by changing the color dark.
Height, this property is used to set the height of the row in pixels. You can define the best suitable value of height to view, too large or too small is not good to viewing.
AllowResize, this property is used to resize the height of the rows automatically when it is enabled. If true, you can drag the row border by mouse, up the mouse left button when you feel the height value is ok, then the web grid view row will change to the new height dynamically.

Data Items

Each grid view has a set of rows which represent a list of data. The number of the rows depends on the number of rows in the Data Source. Kettic asp.net ajax Gridview control allow users to delete row, add row, insert row and edit row data in the gridview.

There are two types of Data items:

Normal Rows: the odd rows of the grid. Always with the blank or light background color to show in the asp.net data grid.
Alternating Rows: the even rows of the grid. Always with the dark background color to display in the web grid view.


<kettic:KaxGrid ID="KaxGrid1" runat="server" DataSourceID="SqlDataSource1"
        AllowPaging="true" >
        <alternatingitemstyle backcolor="PaleTurquoise" forecolor="DarkBlue" font-italic="true"/>
    </kettic:KaxGrid>

set grid view data items of rows in asp.net ajax using c#

Users can set the ItemStyle of the Nromal Rows and the AlternatingItemStyle of Alternating Rows to change the appearance of the rows. In default, Alternating Rows are enable to make a clear discrimination of two types of rows, and you can set EnableAlternatingItems to False to disable it. You can view alternating row online demo for details.

Pager Item

The pager is a row located at the bottom of the gridview control. There are some paging navigation controls in the pager, such as page up, page down, page count and so on. Developers can set the AllowPaging property to change the visible of the pager.
And Kettic asp.net gridview provide rich pager style, such as NextPrev Mode, NumericPages Mode, Advanced Mode, Slider Mode and so on. please see another free online demo for grid view pager mode in asp.net.


<kettic:KaxGrid ID="KaxGrid1" runat="server" DataSourceID="SqlDataSource1"
        AllowPaging="true" PageSize="5" AlternatingItemStyle-BackColor="#dddddd">
        <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
    </kettic:KaxGrid>

set grid view pager items of row in asp.net ajax using c#

StatusBar Item

The StatusBarItem is a row at the end of the grid. It usually used to show the information of asynchronous AJAX requests. If the clicked the nexe page, and the data is loading, then the status bar item will display a animated gif to tell you the loading is not completed.


<kettic:KaxGrid ID="KaxGrid1" runat="server" DataSourceID="SqlDataSource1"
        AllowPaging="true" ShowStatusBar="True" AlternatingItemStyle-BackColor="#dddddd">
    </kettic:KaxGrid>