Создать выпадающую часть из нескольких столбцов списка или комбинированного списка

Question

Мне удалось создать часть выпадающего списка из нескольких столбцов для комбинированного списка, как показано на рисунке.

Однако мне действительно не нравится, как ямы сделали это потому, что я в основном изменил класс по умолчанию (sui-listbox), который бы испортил все комбинированные списки и списки.

.sui-listbox {
    width: 450px !important;
}

<script id="ddl-template" type="text/x-shieldui-template">
<div class="ddl">
    <table border="0">
        <col width="130">
        <col width="80">
        <col width="100">
        <col width="140">
        <tr><td>{RecNo}</td><td>{PONo}</td><td>{Date}</td><td>{Stamp}</td></tr>
    </table>
</div>

Есть ли лучший способ сделать это?Мне нужна эта функция во многих местах.

И о!Я отправил еще одно сообщение о добавлении заголовка в раскрывающуюся часть.Было бы замечательно иметь возможность добавлять заголовки столбцов в выпадающий список из нескольких столбцов.

Спасибо,

pt

Answer 1

Вы можете добавить собственный класс для вашего ComboBox, используя параметр cls , и изменить селектор CSS на что-то вроде:

.sui-combobox.my-combo .sui-listbox { … }

, поэтому он применяет только те списки внутри ваших конкретных комбо (-ов), которые имеют этот класс.