Line Spacing in Datagrid

[stephannn]

Hello,

I would like to ask if it is possible to reduce the space below and above text in a datagrid. For example, in a WPF you can see that the spaces between the rows almost do not exist.
WPF:

On the other hand, in Avalonia it has more space in between

My Datagrid looks like that:

                    <DataGrid x:Name="datagrid_information" ItemsSource="{Binding Informationdgm, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" 
                        IsReadOnly="True" AutoGenerateColumns="False" HeadersVisibility="None" CanUserReorderColumns="False" CanUserResizeColumns="False" CanUserSortColumns="False" BorderThickness="0.1" >
                            <DataGrid.Columns>
                                <DataGridTextColumn FontSize="12" Binding="{Binding Attribute}" Header="Attribute" Width="Auto"/>
                                <DataGridTextColumn FontSize="12" Binding="{Binding Value}" Header="Value" Width="Auto"/>
                            </DataGrid.Columns>
                    </DataGrid>

Thanks
Stephan

[pyking-wang]

<DataGrid.Styles>
  <Style Selector="DataGridRow">
	<Setter Property="Height" Value="20"/>
  </Style>
</DataGrid.Styles>

[stephannn]

Hi,
sorry, I forgot to mention that some rows have two lines:

By setting the value that way, all rows are shrinked

[pyking-wang]

Perhaps you can try setting the MaxHeight or MinHeight property?

[stephannn]

I think the issue is that MinHeight, when setting it to 20 will be ignored because the font size is bigger with the spaces above. Same with MaxHeight vice versa

[stevemonaco]

Fluent theme isn't intended to be compact -- it's sparse to make touch easier. That said, I think you need to write a style selector for the following part of the theme:

Avalonia/src/Avalonia.Controls.DataGrid/Themes/Fluent.xaml

Lines 84 to 90 in bed48a7

	<ControlTheme x:Key="{x:Type DataGridCell}" TargetType="DataGridCell">
	<Setter Property="Background" Value="{DynamicResource DataGridCellBackgroundBrush}" />
	<Setter Property="HorizontalContentAlignment" Value="Stretch" />
	<Setter Property="VerticalContentAlignment" Value="Stretch" />
	<Setter Property="FontSize" Value="15" />
	<Setter Property="MinHeight" Value="32" />
	<Setter Property="Template">

Such as:

<Style Selector="DataGridCell">
    <Setter Property="MinHeight" Value="20" />
</Style>

I don't see any other suspicious margins, paddings, or explicit sizes from a quick look.