Question

我目前正在做的是2个表，一个用于标题，一个用于数据，结合R3 RD2 R3 YD2 R5 RR BDT Y0 YS和每列的固定宽度。

我不喜欢这个解决方案，因为我必须不断调整宽度，而且当桌面布局没有修复时，它们看起来不像你自动调整的那样好。

我还考虑了一个JS解决方案，其中布置了数据表，然后JS获取每个列宽并将其应用于头表。这样做的优点是内容由table-layout:fixed宽度决定。问题是表格内容可以动态改变，JS脚本需要知道这样才能重新计算宽度... ew。

有更好的方法吗？

Answer 1

最好使用像jQuery Plugin for Fix Header Table

这样的插件

或者如果你想要纯CSS并想知道它是如何工作的。你可以试试下面的小提琴https://jsfiddle.net/dPixie/byB9d/3/light/

所有关于显示内容的内容，如果在TH内部的div

th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
th div{
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 9px 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
  border-left: 1px solid #800;
}
th:first-child div{
  border: none;
}

有一个带有粘性标题的表的最佳方法是什么？

1 个答案: