zoukankan      html  css  js  c++  java
  • 固定表头,左右滑动条

    <div style="100%; height:350px; overflow-x:scroll;overflow-y:auto;">
    <table class="table table-bordered" border="1" rules="all" style="100%; height:200px; text-align:center; table-layout: fixed;word-break: break-all; word-wrap: break-word;">
    <tr>
    <th style="150px;color: white;background: #4F81BD;">版本编码</th>
    <th style="150px;color: white;background: #4F81BD;">本次预测时间</th>
    <th style="150px;color: white;background: #4F81BD;">预测月份</th>
    <th style="150px;color: white;background: #4F81BD;">工作天数</th>
    <th style="150px;color: white;background: #4F81BD;">高温津贴</th>
    <th style="150px;color: white;background: #4F81BD;">部门</th>
    <th style="150px;color: white;background: #4F81BD;">课别</th>
    <th style="150px;color: white;background: #4F81BD;">系别</th>
    <th style="150px;color: white;background: #4F81BD;">工程属性</th>
    <th style="150px;color: white;background: #4F81BD;">车间代码</th>
    <th style="150px;color: white;background: #4F81BD;">预测类别</th>
    <th style="150px;color: white;background: #4F81BD;">生产台数(制管计算) </th>
    <th style="150px;color: white;background: #4F81BD;">生产产值(千元) </th>
    <th style="150px;color: white;background: #4F81BD;">PSI版本 </th>
    <th style="150px;color: white;background: #4F81BD;">班次</th>
    <th style="150px;color: white;background: #4F81BD;">编制人员数量</th>
    <th style="150px;color: white;background: #4F81BD;">人均加班1.5倍工时数 </th>
    <th style="150px;color: white;background: #4F81BD;">人均加班2倍工时数 </th>
    <th style="150px;color: white;background: #4F81BD;">出勤率(%) </th>
    <th style="150px;color: white;background: #4F81BD;">跨月调假(H)(调入+,调出-)</th>
    <th style="150px;color: white;background: #4F81BD;">中间入职或离职无出勤扣减(H) </th>
    <th style="150px;color: white;background: #4F81BD;">借入借出(H)(借入+,借出-)</th>
    <th style="150px;color: white;background: #4F81BD;">合理化前工时(H) </th>
    <th style="150px;color: white;background: #4F81BD;">合理化后工时(H) </th>
    <th style="150px;color: white;background: #4F81BD;">基本工资(千元) </th>
    <th style="150px;color: white;background: #4F81BD;">加班费(千元) </th>
    <th style="150px;color: white;background: #4F81BD;">社保、福利费(千元) </th>
    <th style="150px;color: white;background: #4F81BD;">合理化前_BP RATE</th>
    <th style="150px;color: white;background: #4F81BD;">规定内损失时间(H)</th>
    <th style="150px;color: white;background: #4F81BD;">理论出勤计算比率(%) </th>
    <th style="150px;color: white;background: #4F81BD;">创建时间</th>
    </tr>
    <tbody id="tContain">
    <!-- <tr>
    <td>1</td>
    <td>这是一篇标题很长的文章用来测试表格的测试标题</td>
    <td>这是一篇标题很长的文章用来测试表格不被太多列挤得变形的描述...</td>
    <td>管理员</td>
    <td>3000</td>
    <td>120.68</td>
    <td>1200</td>
    <td>测试啊测试test</td>
    <td>123</td>
    <td>20</td>
    <td>17</td>
    <td>5</td>
    <td>2018-03-06 12:00:00</td>
    <td>2018-03-07 15:00:00</td>
    </tr> -->
    </tbody>
    </table>
    </div>

    欢迎对it热情的同学,加qq进行技术讨论; QQ:850922253
  • 相关阅读:
    hdu_5961_传递(bitset)
    hdu_5963_朋友(找规律)
    hdu_5968_异或密码(预处理+二分)
    hdu_5969_最大的位或(贪心)
    hdu_5965_扫雷(递推)
    hdu_5950_Recursive sequence(矩阵快速幂)
    hdu_5286_wyh2000 and sequence(分块)
    [BZOJ1951][SDOI2005]古代猪文(数论好题)
    [BZOJ2659][WC2012]算不出的算式(几何)
    [BZOJ 2656][ZJOI2012]数列(递归+高精度)
  • 原文地址:https://www.cnblogs.com/zhangwensi/p/10238361.html
Copyright © 2011-2022 走看看