当控件更改宽度时，如何使DataGrid列拉伸？

Question

Right now when i re-size my screen the data grid columns are getting cut. So please give me a solution to re-size my data grid columns when i re-size my window. How can i set a dynamic width to my data grid columns.

<DataGrid Name="dtGrid" > 
  <DataGrid.Columns > 
     <DataGridTextColumn Header="Name" Binding="{Binding custname}" Width="150" /> 
     <DataGridTextColumn Header="Mobile NO" Binding="{Binding Mobileno}" Width="150" FontFamily="Times New Roman"/> 
     <DataGridTextColumn Header="Credit" Binding="{Binding credit}" Width="150" FontFamily="Times New Roman"/> 
     </DataGrid.Columns> 
 </DataGrid>

Answer 1

Instead of giving a hardcode Width to all your columns. You can mention STAR sizing for your columns, so that the columns will auto adjust based on the available size.

   <DataGrid Name="dtGrid">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Name"
                                Binding="{Binding custname}"
                                Width="*" />
            <DataGridTextColumn Header="Mobile NO"
                                Binding="{Binding Mobileno}"
                                Width="*"
                                FontFamily="Times New Roman" />
            <DataGridTextColumn Header="Credit"
                                Binding="{Binding credit}"
                                Width="*"
                                FontFamily="Times New Roman" />
        </DataGrid.Columns>
    </DataGrid>