2016-05-24 5 views
1

Я работаю над проектом, у которого есть ListBox (тег: выберите несколько), которые должны иметь более одного столбца.jQuery 'Select Multiple' with 'N' Columns

Фактически, это ListBox - это настоящий ListBox, но он должен отображаться как таблица со столбцами (тег: таблица).

Пример (если были такими):

<select multiple> 
    <option> <tr> <t> Hello </td> <td> World </td> <td> ! </td> </tr </option> 
    ... 
</select> 

_____________________________________ 
| Hello |  World  | ! | | 
''''''''''''''''''''''''''''''''''''' 
| Hello |  World  | ! | | 
''''''''''''''''''''''''''''''''''''' 
| Hello |  World  | ! | | 
''''''''''''''''''''''''''''''''''''' 
| Hello |  World  | ! | | 
''''''''''''''''''''''''''''''''''''' 
| Hello |  World  | ! | | 
''''''''''''''''''''''''''''''''''''' 

Есть ли способ сделать что-то вроде этого?

ответ

0

Если вы используете шрифт с фиксированной шириной, то это всего лишь случай правильной установки. В HTML нет официального выбора в виде списка/таблицы.

select { 
 
    font-family: "Andale Mono", "Monotype.com", monospace; 
 
}
<select multiple> 
 
    <option>| Hello&nbsp;&nbsp;&nbsp; | World | ! |</option> 
 
    <option>| Goodbye&nbsp; | World | ! |</option> 
 
</select>

0

Вы можете использовать tab характер (&#9;), как это:

<select multiple> 
    <option>Hello &#9; Hello &#9; Hello</option> 
    <option>Hello &#9; Hello &#9; Hello</option> 
</select>