jQuery 'Select Multiple' mit 'N' Spalten

Question

Ich arbeite an einem Projekt, das eine ListBox hat (Tag: mehrere auswählen), die mehr als eine Spalte haben sollte.

Eigentlich ist das ListBox eine echte ListBox, aber es muss wie eine Tabelle mit Spalten (Tag: Tabelle) zeigen.

Beispiel (Gäbe wie diese):

<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  | ! | | 
''''''''''''''''''''''''''''''''''''' 

Gibt es eine Möglichkeit, so etwas zu tun?

Answer 1

Wenn Sie eine Schriftart mit fester Breite verwenden, ist es nur ein Fall, in dem Sie sie richtig auslegen. Es gibt keine offizielle Listen-/Tabellauswahl in HTML.

select { 
 
    font-family: "Andale Mono", "Monotype.com", monospace; 
 
}

<select multiple> 
 
    <option>| Hello&nbsp;&nbsp;&nbsp; | World | ! |</option> 
 
    <option>| Goodbye&nbsp; | World | ! |</option> 
 
</select>

Answer 2

können Sie tab Charakter (	) wie folgt verwenden:

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