Horizontal Scroll Bar isn't working Datagrid

Question

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>

Answer 1

HorizontalScrollBarVisibility="Auto" Instead of this try HorizontalScrollBarVisibility="Visible"