MVC Razor, отображающий данные в определенном порядке

Question

У меня есть MVC View, где мне нужно отображать DATA в определенном формате, пример ниже в алфавитном порядке с численным значением, привязанным к этой букве. Он должен быть сверху вниз, разделен на 2 разных столбца. Как показано на картинке прилагается это алфавитный идет вниз, а затем, когда на полпути через него нужно начинать на следующий столбец, строка 1.

Это будет в частичный вид и будет использоваться с несколькими разные результирующие множества. Определенно не может жесткого кода.

У меня нет никакого кода прямо сейчас, так как я мог бы использовать либо таблицу, либо просто несколько Spans. Открыта для предложений.

Я подумал о том, чтобы разделить массив пополам, а затем просто прокрутить каждый элемент массива по элементам, но интересно, есть ли лучший способ.

Спасибо заранее!

Answer 1

В зависимости от вашего HTML-структуры (трудно сказать, как вы не показали его), вы могли бы использовать CSS column-count:

.yourElement 
{ 
    column-count:2; 
} 

Кроме этого, разделив массив пополам не такой плохой идея, я полагаю, это зависит от длины.