具有固定标题、水平滚动和动态列宽的 html 表格

Question

我正在尝试在最后一个完整的一周内创建带有固定标题、动态列宽和水平滚动的 html 表格。已经有许多选项可用，但每个选项都缺少或错过了部分要求。

任何帮助将不胜感激。

Answer 1

@ashish - 在动态宽度方面不太确定，但我可能会为您指出正确的方向以及您的其他问题。至于标题，尝试这样的事情：

.th { position: fixed; }

对于水平滚动，尝试在 HTML 中的表格周围添加一个容器 div，如下所示：

<div style="overflow-x:auto;">

  <table>
  ... table content ...
  </table>

</div>

希望这会有所帮助！