Search code examples
wpfxamlwpfdatagrid

Show "No record found" message on a WPF DataGrid when it's empty

If there is no record available, I want to add a TextBlock on data grid, below the header, showing the message "No Record Found."

Consider the attached image for reference.alt text

Solution

  • Finally I am able to findout the way.

    1. When the grid in empty, add a default row on grid

    2. Create a RowDetailTemplate which contain a text block with a message "No Record Found"

      <DataGrid.RowDetailsTemplate>
    <DataTemplate>
        <StackPanel>
            <TextBlock Text="No Record Found" Width="400"></TextBlock>
        </StackPanel>
    </DataTemplate>
</DataGrid.RowDetailsTemplate>

    3. Set the style on datagrid

      <DataGrid.Style>
    <Style TargetType="DataGrid">
        <Setter Property="RowDetailsVisibilityMode" Value="Collapsed"></Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding DataContext.IsRecordExists, 
                                    RelativeSource={RelativeSource Mode=FindAncestor,
                                    AncestorType={x:Type local:MainWindow}}}" Value="false">
                <Setter Property="RowHeight" Value="0"></Setter>
                <Setter Property="RowDetailsVisibilityMode" Value="Visible"></Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.Style>

    By default (record available on datagrid) row detail template will be collapsed.

    DataTrigger that checks CLR poperty, if it is false then show the row detail template.

    The reason for setting the rowheight as 0 to hide the default row which we haved added on 1st step.