具有固定标题的动态可滚动表格

时间:2018-08-30 05:45:49

标签: jquery html css html-table

我知道有很多针对固定标头的解决方案,并且我尝试了几乎所有示例,但没有一个可以确切地实现我想要的样子。 我现在正尝试四天来创建具有以下规格的表:

  • 该表应具有固定的标题
  • 该表应具有来自引导程序的“带边框的表”类
  • 该表不在网页顶部,上面还有其他元素
  • 宽度应为100%
  • 该表应具有10个列
  • 这些列的分布不应该全部相同,例如: 10%| 9%| 8%| 11%| 8%| 9%| 8%| 12%| 20%| 5%如果此列中的内容长于此,则应换行
  • 桌子的高度应为“ 55vh”
  • 如果桌子长于高度,则应可滚动
  • 如果浏览器窗口变小,则网站将替换元素,因为我使用的是网格系统,但表格应保持其以前的大小,并显示x轴的滚动条
  • 表主体中的列应始终与表头中的列相同

我还尝试了使用Jquery的不同解决方案,但是没有一个像我想要的那样工作。如果您能帮助我解决我的问题,那就太好了。

谢谢:)

0 个答案:

没有答案