Reputation: 247
For all the other Datagrids that I have in my application work correctly but for some reason this one does not.
I want my Datagrid horizontal scroll bar to appear when the data gets to big, but it just expands the whole Datagrid.
All I need is the Horizontal Scroll bar to appear and these are a few things that I have done to make it work.
<DataGrid x:Name="dgAllocate" VerticalAlignment="Stretch" HorizontalScrollBarVisibility="Auto" ItemsSource="{Binding}" Foreground="white" BorderBrush="Black" CanUserResizeRows="False" ScrollViewer.CanContentScroll="True" RowHeaderWidth="0" RowHeight="25" AutoGenerateColumns="False" TextBlock.TextAlignment="Center" Margin="26,84,687,91" Style="{x:Null}" Background="#FF616972" FontFamily="Malgun Gothic" AlternationCount="2" GridLinesVisibility="None" CanUserAddRows="False" FontSize="10">
Can somone review the XAML and tell me what i have done wrong.
<Page x:Class="Freeway_Audit_Application.AllocateAudits"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="820" d:DesignWidth="1245"
Title="AllocateAudits">
<Grid Background="White">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<!--Title of the datagrid-->
<Label Content="Select Your Transaction" HorizontalAlignment="Left" Margin="20,58,0,0" VerticalAlignment="Top" FontFamily="Malgun Gothic" FontSize="15" Foreground="Black" Width="321"/>
<!--Title of the invisable datagrid-->
<Label Content="Users To-Do-List" HorizontalAlignment="Left" Margin="702,60,0,0" VerticalAlignment="Top" FontFamily="Malgun Gothic" FontSize="15" Foreground="Black" Width="216"/>
<DataGrid x:Name="dgAllocate" VerticalAlignment="Stretch" HorizontalScrollBarVisibility="T" ItemsSource="{Binding}" Foreground="white" BorderBrush="Black" CanUserResizeRows="False" ScrollViewer.CanContentScroll="True" RowHeaderWidth="0" RowHeight="25" AutoGenerateColumns="False" TextBlock.TextAlignment="Center" Margin="26,84,687,91" Style="{x:Null}" Background="#FF616972" FontFamily="Malgun Gothic" AlternationCount="2" GridLinesVisibility="None" CanUserAddRows="False" FontSize="10">
<DataGrid.RowStyle>
<Style TargetType="{x:Type DataGridRow}">
<Style.Triggers>
<Trigger Property="AlternationIndex" Value="0">
<Setter Property="Background" Value="#FF616972" />
</Trigger>
<Trigger Property="AlternationIndex" Value="1">
<Setter Property="Background" Value="#FF585F66" />
</Trigger>
<DataTrigger Binding="{Binding Selectable}" Value="False">
<Setter Property="Background" Value="LightGray" />
</DataTrigger>
</Style.Triggers>
</Style>
</DataGrid.RowStyle>
<DataGrid.ColumnHeaderStyle>
<Style TargetType="{x:Type DataGridColumnHeader}">
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="BorderBrush" Value="Black"/>
<Setter Property="FontWeight" Value="Bold"/>
<Setter Property="FontSize" Value="10"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
<GradientStop Color="#FF4B525A" Offset="1.0"/>
<GradientStop Color="#FF343841" Offset="0.0"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Foreground" Value="White"/>
</Style>
</DataGrid.ColumnHeaderStyle>
<DataGrid.Columns>
<DataGridTextColumn Binding="{Binding AAAA}" ClipboardContentBinding="{x:Null}" Header="AAAA" Width="*" Visibility="Hidden"/>
<DataGridTextColumn Binding="{Binding BBBB}" ClipboardContentBinding="{x:Null}" Header="BBBB" Width="*" Visibility="Hidden"/>
<DataGridTextColumn Binding="{Binding CCCC}" ClipboardContentBinding="{x:Null}" Header="CCCC" Width="*" Visibility="Hidden"/>
<DataGridTextColumn Binding="{Binding DDDD}" ClipboardContentBinding="{x:Null}" Header="DDDD " Width="*"/>
<DataGridTextColumn Binding="{Binding EEEE}" ClipboardContentBinding="{x:Null}" Header="EEEE" Width="*"/>
<DataGridTextColumn Binding="{Binding FFFF}" ClipboardContentBinding="{x:Null}" Header="FFFF" Width="*"/>
<DataGridTextColumn Binding="{Binding GGGG}" ClipboardContentBinding="{x:Null}" Header="GGGG" Width="*"/>
<DataGridTextColumn Binding="{Binding HHHH}" ClipboardContentBinding="{x:Null}" Header="HHHH" Width="*"/>
<DataGridTextColumn Binding="{Binding IIII}" ClipboardContentBinding="{x:Null}" Header="IIII" Width="*" Visibility="Hidden"/>
<DataGridTextColumn Binding="{Binding JJJJ}" ClipboardContentBinding="{x:Null}" Header="JJJJ" Width="*"/>
<DataGridTextColumn Binding="{Binding KKKK}" ClipboardContentBinding="{x:Null}" Header="KKKK" Width="*" Visibility="Hidden"/>
<DataGridTextColumn Binding="{Binding LLLL}" ClipboardContentBinding="{x:Null}" Header="LLLL" Visibility="Hidden" Width="*"/>
</DataGrid.Columns>
</DataGrid>
Upvotes: 0
Views: 1260
Reputation: 81
HorizontalScrollBarVisibility="Auto"
Instead of this try
HorizontalScrollBarVisibility="Visible"
Upvotes: 2