html - 可以选择的 Bootstrap 可滚动列

Question

我尝试制作一个可滚动的列，用户可以在其中选择、搜索和滚动，如下所示:

我不确定我是否需要一个表格，我现在的代码:

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css';

<div class="row" style="margin-top: 10px;">
  <div class="col-md-2">
    <div class="panel-title">Search or Select <span class="pull-right"><i class="fa fa-sort"></i></span>
    </div>
    <div class="form-group has-feedback" style="margin-top: 5px;">
      <input type="text" class="form-control input-sm" placeholder="search" />
      <span class="glyphicon glyphicon-search form-control-feedback"></span>
    </div>
    <div style="height: 100%; overflow: auto; border: 1px solid #ccc; border-radius: 3px">
      <table id="table" class="table table-hover table-no-borders">
        <tbody>
          <tr class="selected">
            <td>item</td>
          </tr>
          <tr>
            <td>item</td>
          </tr>
          <tr>
            <td>item</td>
          </tr>
          <tr>
            <td>item</td>
          </tr>
          <tr>
            <td>item</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

Answer 1

你的问题没有直接的解决方案

你应该看看this link , 我对 chosen 和 Select2

有很好的经验

....

我认为纯 HTML + CSS 是不可能的