0

hace poco tiempo trabajo en WPF con MVVM, y se me está planteando el siguiente problema..

Tengo un DataGrid sencillo bindeado a un ObservableCollection

<DataGrid ItemsSource="{Binding Path=Lista}" AutoGenerateColumns="False">    
    <DataGrid.Columns>
        <DataGridTextColumn Header="Código" Binding="{Binding Path=Codigo}" Width="*"/>
        <DataGridTextColumn Header="Título" Binding="{Binding Path=Titulo}" Width="Auto"/>
        <DataGridTextColumn Header="Marca" Binding="{Binding Path=Marca}" Width="Auto" />
        <DataGridTextColumn Header="Modelo" Binding="{Binding Path=Modelo}" Width="Auto"/>
    </DataGrid.Columns>
</DataGrid>

El DataGrid funciona y se bindea correctamente, el tema, es que lo lleno en tiempo de ejecución basado en un código, y lo que pasa es lo siguiente:

Al iniciar el formulario, el ancho de cada columna, véase los * y auto se aplican sólo basados en la cabecera, como se ve en esta imágen

introducir la descripción de la imagen aquí

El asunto, es, que ahora, información se añade a mi ObservableCollection.. y el ancho de las columnas queda fijo, por lo que se ve así

introducir la descripción de la imagen aquí

El asunto es, es posible hacer que el ancho relativo vuelva a calcularse cuando se añade una fila?

O poder forzarlo mediante el uso de algún evento?

¿Existe alguna solución a esta problemática?

2 respuestas 2

0

Si revisamos la documentacion

Sizing Options in the DataGrid Control

veras que existe SizeToCells

intenta usando

<DataGridTextColumn Header="Título" Binding="{Binding Path=Titulo}" Width="SizeToCells"/>
1
  • Gracias por tu tiempo, pero el resultado lamentablemente es el mismo, al agregar filas, el ancho de las columnas no se adapta al ancho del contenido de las nuevas filas :S Commented el 13 ago. 2019 a las 18:30
0

Terminé solucionando mi problema haciendo uso del evento TargetUpdated y estableciendo NotifyOnTargetUpdated en True para las columnas que deben redimensionarse al llegar nuevo contenido

Por lo que el xaml quedó así

<DataGrid ItemsSource="{Binding Path=Lista}" AutoGenerateColumns="False" 
TargetUpdated="DataGrid_OnTargetUpdated">    
    <DataGrid.Columns>
        <DataGridTextColumn Header="Código" Binding="{Binding Path=Codigo}" Width="*"/>
        <DataGridTextColumn Header="Título" Binding="{Binding Path=Titulo, NotifyOnTargetUpdated=True}" Width="Auto"/>
        <DataGridTextColumn Header="Marca" Binding="{Binding Path=Marca, NotifyOnTargetUpdated=True}" Width="Auto" />
        <DataGridTextColumn Header="Modelo" Binding="{Binding Path=Modelo, NotifyOnTargetUpdated=True}" Width="Auto"/>
    </DataGrid.Columns>
</DataGrid>

y tuve que controlar el evento en el Code behind

private void DataGrid_OnTargetUpdated(object sender, DataTransferEventArgs e)     
{
    //Obtengo el datagrid que llama
    var dg = (DataGrid)sender;
    //Seteo el ancho de la columna que ocupa el ''resto'' del espacio
    dg.Columns[0].Width = 0;
    //Actualizo
    dg.UpdateLayout();
    //Luego vuelvo a setear el ancho relativo.
    dg.Columns[0].Width = new DataGridLength(1,DataGridLengthUnitType.Star);
}

Lamentablemente no encontré solución sin tocar code behind, pero por suerte, de esta manera se soluciona el problema

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.