开发者

MultiColumn HTML List Box

开发者 https://www.devze.com 2023-01-14 19:28 出处:网络
Is it possible to create a List Box, with List Items in Multiple Columns? I am aware of the alternatives, but I am wondering if this is possib开发者_JAVA技巧le in <select>No, it is not. The only

Is it possible to create a List Box, with List Items in Multiple Columns? I am aware of the alternatives, but I am wondering if this is possib开发者_JAVA技巧le in <select>


No, it is not. The only allowed child-tag for select is option, which itself can only contain plain-text (but some browsers support some style-tags here, like b or i etc.).


The only pseudo-solution I can think of is using a fixed-width font for the list dropdown and then padding the content columns with spaces.

 COL1_NAME         |  COL2_NAME
 Some nice value   |  Another value
 Another nice value|  Second column

You can even try using "OPTGROUP" elements for the column names, but you have to be aware of different formattings applied by different browsers.

Update: For instance you can create a "multi-column" dropdown as seen here: http://twitpic.com/2lsuxx with the following HTML

<style type="text/css">* {font-family:Courier New;white-space:pre;}</style>
<select>
  <option></option>
  <optgroup label="      Col1              | Col2">
    <option>Some nice value   |  Another value</option>
    <option>Another nice value|  Second column</option> 
  <optgroup>
</select>
0

精彩评论

暂无评论...
验证码 换一张
取 消