Есть ли способ получить "табличный" вид в моих выпадающих записях?

Question

Используя шрифт фиксированной ширины (например, Consolas, Courier и т. Д.), Я пытаюсь заполнить раскрывающееся меню (AjaxControlToolkit: DropDownList), которое имеет 2 столбца (на вид).У меня есть название продукта и название категории (ни одно из которых я не знаю до времени выполнения).Внешний вид, который я ищу, выглядит примерно так:

               Chevy Cruz     (gas)
               Prius          (hybrid)
               Tesla Model S  (electic)

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

Я пытался использовать массив символов и копировать имя категории с одинаковым индексом для каждого элемента ListItem, но пробелы между ними исчезают при открытии раскрывающегося списка.Я посмотрел на конструктор ListItem (Paragraph), но он не решает мою проблему до моего понимания.Я не смотрел на имеющиеся у меня элементы управления Telerik, потому что это означало бы много изменений кодирования.

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

Answer 1

строковое заполнение может работать для вас

var _maxLengthOfProductName = 20; //number of space you need
var _productName = "Product Name";
var _type = "(type)";
var _ProductNameWithType = _productName.PadRight(_maxLengthOfProductName, ' ') + _type; //assign this to the dropdown item
_ProductNameWithType = _ProductNameWithType.Replace(" ", " ");

оно покажет

Product Name        (type)