Question

我有一个只有一行的表，但每列都是一个包含许多选项的下拉列表。

我希望有一个溢出y作为滚动。我尝试过这种风格，但没有发生。

<table id="DisplayTable" border="5"  RULES=ROWS FRAME=HSIDES  class='border'><tr>
                <th>value</th>
                <th>IN</th>     
                <th>OUT</th>
          </tr>
          <tr><td> 
        <c:forEach items="${abc}" var="user"> 
                <option value="${user.name}">${user.name}</option><br>

         </c:forEach> 
       </td>
       <td>
            <c:forEach items="${abc}" var="user"> 

                     <c:if test="${not fn:containsIgnoreCase(user.name, 'IN')}">
                        <option>X</option><br>
                    </c:if>

         </c:forEach> 
       </td>
       <td>
            <c:forEach items="${abc}" var="user"> 

                     <c:if test="${not fn:containsIgnoreCase(user.name, 'OUT')}">
                        <option>X</option><br>
                    </c:if>

         </c:forEach> 
       </td>
       </tr>
       </table>

名称可以是30-40，但我想在屏幕上只显示15。作为卷轴休息。我尝试使用以下CSS但失败了。

    table.border  tr th, table tr td {
        color: #008BFC;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 10px 9px;
        text-align: left;
    }
    thead.border th {
        border-right: 1px solid #eeeeee !important;
        border-top: 2px solid #eeeeee;
        text-align: left;
        vertical-align: middle;
        }
     #DisplayTable {
          width: 50%;
          height: 400px;
          overflow-y: scroll;
        }

Answer 1

我解决了这个问题。只需在表格前添加<div style="height: 400px; width: 750px; overflow-y: scroll;">。

溢出在表中滚动，行为下拉列表

1 个答案: