Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

GridViewColumn Width Adjustment

My UI:

<ListView Name="persons" SelectionChanged="persons_SelectionChanged">
        <ListView.View>
            <GridView AllowsColumnReorder="False">
                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" Width="auto"/>
                <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" Width="auto"/>
            </GridView>
        </ListView.View>
    </ListView>

The Codebehind of my UI:

internal void Update(IEnumerable<Person> pers)
    {
        this.persons.ItemsSource = null;
        this.persons.ItemsSource = pers;
        UpdateLayout();
    }

My Entities:

class Person
{
   public string Name { get; set; }
   public int Age { get; set; }
}

The GridViewColumns have the width of the GridViewColumn-Header. Even if i call Update() with Persons with a long name. The Column does not get resized.

a) How can i resize the "Name"-column automatically (when i called Update) to the length of the longest Name, but not longer than a Value x (i want to specify a maximum width of a column)?

b) How can i specify that the "Age"-Column fills the space to the control´s end (so that the columns of the gridview uses the complete width of the control)?

like image 846
0xDEADBEEF Avatar asked Jan 31 '12 17:01

0xDEADBEEF


2 Answers

GridView does not resize automatically.

To resize the columns you can

    foreach (GridViewColumn c in gv.Columns)
    {
        // Code below was found in GridViewColumnHeader.OnGripperDoubleClicked() event handler (using Reflector)
        // i.e. it is the same code that is executed when the gripper is double clicked
        // if (adjustAllColumns || App.StaticGabeLib.FieldDefsGrid[colNum].DispGrid)
        if (double.IsNaN(c.Width))
        {
            c.Width = c.ActualWidth;
        }
        c.Width = double.NaN;
     }  

As for sizing the last to fill area I do it with a converter. I don't think this converter does exactly what you need for this but it should get you started.

    <GridViewColumn Width="{Binding ElementName=lvCurDocFields, Path=ActualWidth, Converter={StaticResource widthConverter}, ConverterParameter=100}">


    [ValueConversion(typeof(double), typeof(double))]
    public class WidthConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            // value is the total width available
            double otherWidth;
            try
            {
                otherWidth = System.Convert.ToDouble(parameter);
            }
            catch
            {
                otherWidth = 100;
            }
            if (otherWidth < 0) otherWidth = 0;

            double width = (double)value - otherWidth;
            if (width < 0) width = 0;
            return width; // columnsCount;

        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

GridView is fast but it takes a bit of baby sitting.

like image 191
paparazzo Avatar answered Nov 15 '22 07:11

paparazzo


I pulled this from How to autosize and right-align GridViewColumn data in WPF?

<Window.Resources>
    <Style TargetType="ListViewItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
</Window.Resources>

That help you at all?

like image 21
Chris Barlow Avatar answered Nov 15 '22 06:11

Chris Barlow