My mobile app requires that my data grid have frozen columns on the left that do NOT scroll horizontally. This is useful when the first column might be an ID column or a Date column that the user always needs to see when scrolling through the other data columns.
Provide an option to programmatically reset the ordering of the columns in the DataGrid after reordering them using the Options-> more button
There isn't a command which can be used for resetting the column reorder.
Hi Team,
Currently, you have ScrollItemIntoView support. However, that does not work unless you have rows and a reference to the data item.
I need an explicit mechanism to pick a specific X/Y cell position, or at least a column index, that can be scrolled to so that I can have horizontal scrolling capability.
For example, imagine a DataGrid that has only one row, but a 100 columns, I would like to be able to do this:
// Option 1 - Use the ItemsSource column reference
var dataTableColumn = this.myDataTable.Columns[50];
this.MyDataGrid.ScrollIntoView(dataTableColumn);
// Option 2 - Better!
// This supports any possible data source type
var telerikColumn = this.MyDataGrid.Columns[50];
this.MyDataGrid.ScrollIntoView(telerikColumn);
// Option 3 - Ideal
// Useful for every possible occasion
var x = 5;
var y = 12;
this.MyDataGrid.ScrollIntoView(x, y);
Like in the WPF GridView control:
https://docs.telerik.com/devtools/wpf/controls/radgridview/columns/column-groups
In case there are more columns inside the DataGrid, a horizontal scrollbar appears when a user swipes left. However, sometimes it' not clear there are more columns further on the left. For example, when you define a column's width with a big value or when the number of first 5 columns fit perfectly with a device's width totally by coincidence. In those cases, it'll be helpful to display horizontal scrollbar by default so the user knows there're more information on the left. (Very similar to a vertical scrollbar)
<Style TargetType="telerikGrid:DataGridColumn">
<Setter Property="HeaderStyle">
<telerikGrid:DataGridColumnHeaderStyle TextFontSize="11" TextFontAttributes="Bold" BorderThickness="1" BorderColor="LightGray"/>
</Setter>
<Setter Property="CellContentStyle">
<telerikGrid:DataGridTextCellStyle FontSize="10"/>
</Setter>
</Style>
I have designed datagrid like weekly signin details
But i required datagrid with sub header like ,
Please provide better solution to design for sub header with main header
when using automatic column generation you don't have easy access to the column being created so that you can apply customizations (Header, style, etc).
Please implement the same event that UI for WPF has, see it here: https://docs.telerik.com/devtools/wpf/controls/radgridview/events/column-resize-event#autogeneratingcolumn
SizeMode="Fill" for Xamarin.Forms datagrid column to fill the space left
e.g.
<radDataGrid:DataGridDateColumn PropertyName="Date" SizeMode="Fixed" Width="80" />
<radDataGrid:DataGridTextColumn PropertyName="Title" SizeMode="Fill" />
<radDataGrid:DataGridNumericalColumn PropertyName="Score" SizeMode="Auto" />
=>
First column has width 80, 3rd column has width of content (already working)
NEW: Second column occupies the space left
Datagrid
Built in features for:
- Paging
eg. https://demos.telerik.com/aspnet-mvc/grid/paging
- Search Panel
eg. https://demos.devexpress.com/MVCxGridViewDemos/Filtering/SearchPanel
- Sorting
eg. https://demos.telerik.com/aspnet-mvc/grid/sorting
I am trying to replicate a part of our MVC application using xamarin.forms.
The forms required will have a datagrid, when a row is clicked I want to open a pdfViewer.
These built in features would help me and others.
Regards,
Graham