Home/ Questions/Q 8098729
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T22:09:59+00:00

I need to achieve layout like shown on my sketch. Multiple columns – user

  • 0

I need to achieve layout like shown on my sketch.

  1. Multiple columns – user can adjust width
  2. Separated vertically into 2 zones – user can adjust heigth
  3. Each column will have multiple items inside – I will use List for that

Should I use Grid for this? Or DataGrid will be more appropriate? I afraid that Grid will give me issues with splitting the way I want but I wonder if DataGrid will be to “heavy” for such scenario?

Also, everything will be heavily styled so ease of doing it is important too.

EDIT:

Forgot to mention couple things:

  1. Number of columns will not be fixed but will be limited – up to 7
  2. I will inject views into those “cells”
  3. Is it possible to hide/show columns in MVVM scenario? I’m thinking if I use GridSplitter and bind splitter visibility then just because I can hide splitter and remove content from column if it’s “width” set to “Auto” – I will achieve scenario of “hiding” it.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    IMHO, considering the number of columns is fixed, Grid is the way to go here. You’ll need to have some logic to set MaxHeight of the first row so the user won’t be able to drag the horizontal splitter bellow the bottom of the grid (yes, I know, it should be the default behavior… :().

    Same goes for the MaxWidth of each column. Only it’s more complex as you have to take into account the actual width of all columns. Also, you’d need to update the width of all columns when one of the vertical splitters is dragged, so the overall width of the grid stays the same.

    DataGrid will be overkill and you won’t gain nothing valuable – the vertical splitters will be taken care of, on first look – but then you have scroll bars that you have to consider, disabling them will mess with the ability to re-size columns. Also, the horizontal splitter will be available only in row header and not across all the width of the control. Moreover, calculating the height of the first row will have to be done manually, and then coerced somehow upon the data grid.

    Now that I think about it, I’d probably go with a custom panel (MyPanel) and a custom splitter (MySplitter) which inherits Thumb.

    For the lists, I’d probably go with HeaderedContentControl and a custom control template.

    • 0