javascript - 修复 IE 11 中的表头
问题描述
我有一个功能可以让我在滚动时保持表格的 TH 固定。在谷歌浏览器中不存在这个问题,因为它工作得很好
但我有兴趣让它在 IE11 中工作但它看起来像这样:
我能做些什么来解决这个问题吗?
我正在与:
- MVC 4
- jQuery 1.7
表代码:
<div class="tableFixHead">
<table style="margin-left:auto; margin-right:auto;">
<thead>
<tr>
<th>STATUS</th>
<th>EMP #</th>
<th>TYPE</th>
<th>NAME</th>
<th>LEADERS</th>
<th>DEPARTMENT</th>
<th>TEAM / PART</th>
<th>SERIAL</th>
<th>FA</th>
<th>SECURITY</th>
<th>BRAND</th>
<th>MODEL</th>
<th>YEAR</th>
<th>MONTH</th>
<th>PRICE</th>
<th>DATA DESTRUCTION</th>
<th>LOCATION</th>
</tr>
</thead>
@foreach (var item in Model) {
<tbody>
<tr>
<td>@Html.DisplayFor(modelItem => item.HW_STATUS)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_ASSIGN)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_TYPE)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_ASIGN_NAME)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_LEADERTYPE)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_DEPT)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_DEPTEAM)</td>
<td>@Html.DisplayFor(modelItem => item.HW_SERIAL)</td>
<td>@Html.DisplayFor(modelItem => item.HW_FA_TAG)</td>
<td>@Html.DisplayFor(modelItem => item.HW_SECURITY_TAG)</td>
<td>@Html.DisplayFor(modelItem => item.HW_BRAND)</td>
<td>@Html.DisplayFor(modelItem => item.HW_MODEL)</td>
<td>@Html.DisplayFor(modelItem => item.HW_YEAR)</td>
<td>@Html.DisplayFor(modelItem => item.HW_MONTH)</td>
<td>$@Html.DisplayFor(modelItem => item.HW_PRICE)</td>
<td>@Html.DisplayFor(modelItem => item.HW_EMP_DATA_DESTRUCTION)</td>
<td>@Html.DisplayFor(modelItem => item.HW_LOCATION)</td>
<td>@Html.ActionLink("Edit", "LaptopInventoryEdit", new { id = item.ID})</td>
</tr>
</tbody>
}
</table>
</div>
jQuery代码:
$(document).ready(function () {
var $th = $('.tableFixHead').find('thead th')
$('.tableFixHead').on('scroll', function () {
$th.css('transform', 'translateY(' + this.scrollTop + 'px)');
});
});
解决方案
推荐阅读
- phpstorm - 备份所有 PhpStorm 设置
- python - 按Python排序顺序读取目录中的文件
- java - 如何实现依赖注入
- javascript - 我的放大图像下方并排有 2 个按钮
- oop - 将返回类型定义为方法的打包数字
- mongodb - 我们可以部署两个 mongodb 服务,在同一个集群中使用不同版本名称的 helm 包吗?
- python - 打开 JupyterNotebook 时没有 Conda 环境
- sql - 根据另一个表中的日期查找重复行
- python-3.x - Pandas:升级后无法加载 Pickle 文件(0.22 到 0.23):
- javascript - 过滤具有多个值的表