This section is part of a larger form. Image shows a list. The reason I have 2 columns, is simply because I think it would be a waste of space, to just show 1 column. Most people have wide screens. I have this scrollbar, and the idea is that the scrollbar would move both sections with listed items, at once. But I am wondering, is there a better way to handle this?

Some technical information:

  1. Documents cannot be divided in any other way, then perhaps by file format, and we have 3 now. But I don't think this is a good solution, because we are soon adding another 3 formats, so that's a total of 6...and may be more in the future.

  2. The reason file names are so long, is because I am showing 64 characters, which is our character limit, for document names. I think there is value in showing the full name: no tooltips or other interaction, just to see full document name.

  3. No limits on amounts of documents. There could be hundreds. Hence, the search bar, and document number label.

  4. FYI, once these documents are uploaded, there is another, table view of them, with uploading status, but that's on another page.

Many thanks.

enter image description here

  • Is this design only supposed to be used on desktop? Seems like it could present some issue on mobile devices.
    – Michael Lai
    Oct 15, 2023 at 22:29
  • @MichaelLai Thank you for your question, Michael. Only desktop.
    – Rosebud
    Oct 16, 2023 at 0:05

1 Answer 1


It feels to me like creating two columns would somehow break the flow of the user going through the list of items, the same way that sometimes breaking up a form into two columns can make it more difficult for the user to fill out compared to just having everything in a single column.

If you are worried about wasting space, it is always going to be a problem as screens get bigger or the resolution settings are turned up higher. Besides, if you only have a few items in the list there is still going to be a lot of blank space whether it is displayed in a single column or two (but probably easier to design a blank state with one column).

Because there is no limit on the number of items displayed in the list (otherwise you would probably have implemented some pagination), I assume you would have to calculate the number of items to display, and then somehow distribute or allocate them to each column. I don't think you would put the first item in the first row of the first column and then the second item in the first row of the second column, and then go back to the first column. But then it means after going through the first column you have to scroll back up to the top to continue reading through to the second column.

I think a better solution is to keep it simple and just have a single column. Perhaps introduce pagination to give the user control over how many items are displayed per page, or allow some way to sort or filter the list.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.