From some charts, you may see a table of data and this grid, called data grid, is what we are going to discuss in this article. In the data grid, you can view the values of one or more data series that are compared in the chart. To put it in another way, the data grid has offered all the information that you need to compare, like data series, data values and categories. But compared to the chart, it present the comparisons between data series in a less vivid way. And users have the ability to make the data grid visible or invisible in the chart. There may be the same count of columns in the data table according to the data series. And the same count of rows in the table according to the data categories.
And this article will put its focus on how to customize the settings of the data grid, like position, size, color and text style, using C# sample code. Data Grid Settings
The settings for data grid table are conducted from following five aspects, which are boarder, size, fill style, position and text style. And here we will offer detailed asp.net coding guidance for each parts in following text. Customize Data Grid Border
You are free to hide or display the border of chart data grid. If you want to display it, you can choose your desired penstyle, like solid. Besides, you are able to create it with your customized color and width.
Define the Data Grid Size
The size of chart data grid can be either auto controlled or fully customized. In general, we will use the property autosize. If you turn this property on, the data grid will be automatically resized based on the data. Of course, if you want to resize the grid chart with fully tailored attribute values, like width, height, margin and padding, this ASP.NET AJAX can also meet your needs.
Set Data Grid Fill Style
The settings in this part cover two aspects. One is fill type and the other is color. And there are many templates in chart control, which can make web chart view special and beautiful.
Define the Position of Data Grid
Using the property AlignedPosition, users can make the chart data grid be placed at specified position. If you want to position it at your desired place, you can use the application of X & Y axes. All orientation align modes are supported.
Set Text Style of Data Grid
The text style within the data grid can be also fully customized. We here offer rich text fonts and text color options for users to design the text style that they want.
| 
ASP.NET AJAX UI Controls ASP.NET AJAX Chart UI Control OverviewGetting StartedChart Element DiagramSeriesAxesLegendCaptionTickData GridChart Type Bar ChartPoint ChartLine ChartPie ChartArea ChartGantt ChartBubble ChartBezier ChartSpline ChartSpline Area ChartCandle Chart Chart With StackedFull Stacked ChartFeatures Automatic LayoutAutomatic Text-wrappingScrollingEmpty ValuesScale BreakMultiline LabelsWise LabelsMarking AreasMultiple TypesInteractiveDrill DownShadowEdtingData Binding Array DataList DataDatabase DataXML DataChart Style Chart SkinASP.NET AJAX Grid UI Control |