首页 新闻 会员 周边

固定table第一行其他行显示滚动条

0
悬赏园豆:20 [已解决问题] 解决于 2015-08-05 09:25

table1中存在table2

<table>

  <tr>
    <td class="info" style="text-align: center">接口参数:</td>
    <td>
      <table id="Add_parameter" class="table table-bordered table-hover divcontent">
        <thead>
          <tr>
            <td class="info" style="text-align: center; width: 200px">参数值:</td>
            <td class="info" style="text-align: center; width: 200px">参数描述:</td>
            <td class="info" style="text-align: center; width: 200px">参数类型:</td>
            <td class="info" style="text-align: center; width: 200px">是否为空:</td>
            <td class="info" style="text-align: center; width: 200px"><span id="addPara">
            <img src="@Url.Content("~/Content/img/addImg.jpg")" style="width:16px; height:16px" /></span></td>
          </tr>
        </thead>
      <tbody>
          <tr id="pa1" class=" ">
            <td>
              <input type="text" placeholder="请输入参数值"     id="txtEnterValue1" value="" name="ParameterValue" style="width: 100px" />
            </td>
            <td>
              <input type="text" placeholder="请输入参数描述" id="txtEnterName1" value="" name="ParameterName" style="width: 100px" />
            </td>
            <td>
              <select id="txtEnterType1" name="ParameterType" style="text-align: center">
                <option value="String">String</option>
                <option value="Int">Int</option>
                <option value="Byte">Byte</option>
                  <option value="Decimal">Decimal</option>
                <option value="DateTime">DateTime</option>
                <option value="Object">Object</option>
                <option value="Bool">Bool</option>
                <option value="Double">Double</option>
                <option value="Float">Float</option>
              </select>
            </td>
            <td style="text-align: center">
              <input type="checkbox" id="txtEnterIsNull1" name="IsNull" />
            </td>
            <td style="text-align: center">
              <span class="btn" id="addParas">保 存</span>
            </td>
          </tr>

          <tr>-----------------</tr>
          <tr id="lastRow">
            <td colspan="5" style="text-align: center">
              <span style="color: red">点击“+”添加参数行且添加参数,双击行删除行,复选框选中状态为空</span>
            </td>
          </tr>
        </tbody>
      </table>
    </td>
  </tr>

</table>

(图片是“加号”)

固定住table2里面的thead不滚动,tbody里面的行数超过限制就显示滚动条

如此低调的男人的主页 如此低调的男人 | 小虾三级 | 园豆:842
提问于:2015-07-21 18:01
< >
分享
最佳答案
0

给tbody设置上高度  然后加上overflow-y:auto的样式

收获园豆:20
小白菜T | 小虾三级 |园豆:564 | 2015-07-22 11:39

哎,还是不行,能不能具体一点啊

如此低调的男人 | 园豆:842 (小虾三级) | 2015-07-24 15:56

@夕边日落: 

最近有些忙,没有看博问,希望你的问题已经解决了。

如果没有的话,试试下面的改法:

<tbody style="height:500px; overflow-y:auto;">

高度是根据你的需要计算出来的,比如你需要20行,那么算出来20行的高度就行啦~

小白菜T | 园豆:564 (小虾三级) | 2015-08-01 17:00

@小白菜T: 虽然没有解决,但是还是谢谢你

如此低调的男人 | 园豆:842 (小虾三级) | 2015-08-05 09:25
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册