TableView.RowStyle Property

Gets or sets the style applied to data rows. This is a dependency property.

Namespace: DevExpress.Xpf.Grid

Assembly: DevExpress.Xpf.Grid.v18.2.dll

Declaration

C#

public Style RowStyle { get; set; }

VB.NET

Public Property RowStyle As Style

Property Value

Type	Description
Style	A Style object that represents the style applied to data rows.

Remarks

The RowStyle property specifies the style that groups together properties, resources, and event handlers and shares them between instances of the GridRowContent type.

Target Type:

Optimized mode	Non-optimized mode
DevExpress.Xpf.Grid.RowControl	GridRowContent

To learn more, see Appearance Customization.

Example

This example demonstrates how to use the View's RowStyle and CellStyle properties to apply custom styles to the focused row and cell. To identify whether the row and cell are focused, the attached IsFocusedRow and IsFocusedCell properties are used.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-change-the-appearance-of-a-focused-data-row-and-a-focused-cell-e1627.

Application.xaml.vb

Imports System
Imports System.Collections.Generic
Imports System.Configuration
Imports System.Data
Imports System.Linq
Imports System.Windows

Namespace DXGrid_ChangeRowAppearance
    ''' <summary>
    ''' Interaction logic for App.xaml
    ''' </summary>
    Partial Public Class App
        Inherits Application

    End Class
End Namespace

Application.xaml

<Application x:Class="DXGrid_ChangeRowAppearance.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="Window1.xaml">
    <Application.Resources>

    </Application.Resources>
</Application>

Window1.xaml

<Window x:Class="DXGrid_ChangeRowAppearance.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
        xmlns:dxgt="http://schemas.devexpress.com/winfx/2008/xaml/grid/themekeys"
        Title="Window1" Height="300" Width="505">
    <Window.Resources>
        <Style x:Key="FocusedCellStyle" TargetType="dxg:LightweightCellEditor" BasedOn="{StaticResource {dxgt:GridRowThemeKey ResourceKey=LightweightCellStyle}}">
            <Style.Triggers>
                 <Trigger Property="dxg:DataViewBase.IsFocusedCell" Value="True">
                    <Setter Property="Background" Value="Green" />
                    <Setter Property="Foreground" Value="Yellow" />
                </Trigger>
            </Style.Triggers>
        </Style>
        <Style x:Key="FocusedRowStyle" TargetType="dxg:RowControl">
            <Style.Triggers>
                <Trigger Property="dxg:DataViewBase.IsFocusedRow" Value="True">
                    <Setter Property="Background" Value="Gray" />
                    <Setter Property="Foreground" Value="White" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <dxg:GridControl x:Name="grid" AutoGenerateColumns="AddNew">
            <dxg:GridControl.View>
                <dxg:TableView AutoWidth="True" ShowGroupPanel="False" AllowGrouping="False" CellStyle="{StaticResource FocusedCellStyle}" RowStyle="{StaticResource FocusedRowStyle}" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

Window1.xaml.vb

Imports System.Windows
Imports System.Collections.Generic

Namespace DXGrid_ChangeRowAppearance
    Partial Public Class Window1
        Inherits Window

        Public Sub New()
            InitializeComponent()
            grid.ItemsSource = Products.GetData()
        End Sub
        Public Class Products
            Public Shared Function GetData() As List(Of Product)
                Dim data As New List(Of Product)()
               data.Add(New Product() With {.ProductName = "Chai", .UnitPrice = 18, .UnitsOnOrder = 10})
                data.Add(New Product() With {.ProductName = "Ipoh Coffee", .UnitPrice = 36.8, .UnitsOnOrder = 12})
                data.Add(New Product() With {.ProductName = "Outback Lager", .UnitPrice = 12, .UnitsOnOrder = 25})
                data.Add(New Product() With {.ProductName = "Boston Crab Meat", .UnitPrice = 18.4, .UnitsOnOrder = 18})
                data.Add(New Product() With {.ProductName = "Konbu", .UnitPrice = 6, .UnitsOnOrder = 24})
                Return data
            End Function
        End Class
        Public Class Product
            Public Property ProductName() As String
            Public Property UnitPrice() As Double
            Public Property UnitsOnOrder() As Integer
        End Class
    End Class
End Namespace

Window1.xaml.cs

using System.Windows;
using System.Collections.Generic;

namespace DXGrid_ChangeRowAppearance {
    public partial class Window1 : Window {
        public Window1() {
            InitializeComponent();
            grid.ItemsSource = Products.GetData();
        }
        public class Products {
            public static List<Product> GetData() {
                List<Product> data = new List<Product>();
               data.Add(new Product() { ProductName = "Chai", 
                    UnitPrice = 18, UnitsOnOrder = 10 });
                data.Add(new Product() { ProductName = "Ipoh Coffee",
                    UnitPrice = 36.8, UnitsOnOrder = 12 });
                data.Add(new Product() { ProductName = "Outback Lager",
                    UnitPrice = 12, UnitsOnOrder = 25 });
                data.Add(new Product() { ProductName = "Boston Crab Meat",
                    UnitPrice = 18.4, UnitsOnOrder = 18 });
                data.Add(new Product() { ProductName = "Konbu",
                    UnitPrice = 6, UnitsOnOrder = 24 });
                return data;
            }
        }
        public class Product {
            public string ProductName { get; set; }
            public double UnitPrice { get; set; }
            public int UnitsOnOrder { get; set; }
        }
    }
}

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the RowStyle property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

how-to-extend-vertical-lines-to-the-bottom-and-color-even-odd-rows-e2601/CS/WpfApplication21/MainWindow.xaml#L72

<dxg:TableView x:Name="view" ShowIndicator="False"  AllowFixedColumnMenu="True" FixedLineWidth="3">
    <dxg:TableView.RowStyle>
        <Style TargetType="{x:Type dxg:RowControl}">

how-to-implement-hot-track-for-grid-rows-during-the-drag-and-drop-operation-e4415/CS/MainWindow.xaml#L43

<dxg:GridControl.View>
    <dxg:TableView RowStyle="{StaticResource HotTrackedRowStyle}">
        <dxmvvm:Interaction.Behaviors>

how-to-change-the-appearance-of-a-focused-data-row-and-a-focused-cell-e1627/VB/DXGrid_ChangeRowAppearance/Window1.xaml#L28

<dxg:GridControl.View>
    <dxg:TableView AutoWidth="True" ShowGroupPanel="False" AllowGrouping="False" CellStyle="{StaticResource FocusedCellStyle}" RowStyle="{StaticResource FocusedRowStyle}" />
</dxg:GridControl.View>

how-to-change-the-appearance-of-a-focused-data-row-and-selected-rows-e2066/VB/DXGrid_ChangeRowAppearance/Window1.xaml#L32

<dxg:GridControl.View>
    <dxg:TableView AutoWidth="True" ShowGroupPanel="False" AllowGrouping="False" RowStyle="{StaticResource SelectedRowStyle}"/>
</dxg:GridControl.View>

how-to-implement-hot-track-for-grid-rows-e3859/VB/WpfApplication/MainWindow.xaml#L20

<dxg:TableView Name="tableView1">
    <dxg:TableView.RowStyle>
        <Style TargetType="{x:Type dxg:RowControl}">