How to freeze left column(s) in a data grid

[SueD]

n the Balsamiq Learn area, the page Table and Data Grid Guidelines
there is a recommendation to “Consider fixing the left column” but I can’t find any instructions on how to tell the data grid control to do this.
Ideally, I would like to lock multiple left columns, but at least one.
I have a grid with MANY columns. If I fit the grid to the available horizontal space, it becomes unreadable.
I’m hoping that by locking one or more left columns, I can set the data grid width to fit within a container, have the columns auto-size for the content, and then use the horizontal scroll bar to show the remaining columns.

Thank you,

Sue

[alasdair]

Hi @SueD

Thanks for the post. It’s important to remember that Balsamiq Wireframes is a low-fidelity wireframing application as opposed to, say, a more complex, later-stage prototyping tool, so we’re very much focused on simple content and structure, rather than actual implementation details, live data, etc.

As such, the Data Grid control doesn’t give you the ability to implement a locked column - with that control we’re really just sending the message “there will be a table here and it’ll look something like this”.

That said, you can reproduce the look of the table in that doc using different controls placed adjacent to each other:

That example uses two Data Grid controls and a H.Scroll Bar.

I have attached a .bmpr (which you can upload to Cloud) so you can take a look and see exactly what I did.

Hope that helps! We’re here if you have any questions.