Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有固定标题的巨大HTML表,标题单元格和行单元格之间对齐_Javascript_Html_Css - Fatal编程技术网

Javascript 具有固定标题的巨大HTML表,标题单元格和行单元格之间对齐

Javascript 具有固定标题的巨大HTML表,标题单元格和行单元格之间对齐,javascript,html,css,Javascript,Html,Css,我需要在web中表示巨大的数据(37列,1000多行)。我想修复这个表的标题行,然后相应地操作数据 web中有很多可能的解决方案,其中一些依赖于css,另一些依赖于javascript 我已经尝试了很多,每次我都在表格标题单元格和表格行单元格不对齐的同一点上结巴 我尝试的第一种方法: 第二,我累了: 他们两个,当然固定了头球。但我仍然有对齐问题 你有什么建议吗? 我对html和css非常熟悉,如有任何帮助,将不胜感激 提前谢谢你 我曾参与过一个项目,其目标是将大型数据集(10-20列,500多行

我需要在web中表示巨大的数据(37列,1000多行)。我想修复这个表的标题行,然后相应地操作数据

web中有很多可能的解决方案,其中一些依赖于css,另一些依赖于javascript


我已经尝试了很多,每次我都在表格标题单元格和表格行单元格不对齐的同一点上结巴

我尝试的第一种方法: 第二,我累了:

他们两个,当然固定了头球。但我仍然有对齐问题

你有什么建议吗? 我对html和css非常熟悉,如有任何帮助,将不胜感激


提前谢谢你

我曾参与过一个项目,其目标是将大型数据集(10-20列,500多行)可视化,以及其他可视化,如表格

我使用了简单易用的JavaScript(不要吓跑!)


它很好地支持格式化(通过DataTable类)。它实际上使用了HTML表标记,其中包含一些额外的JavaScript和CSS。Table类负责单元格对齐。看看这些例子。

我在这方面有一些经验,我可以给你一些想法/建议:

  • 最简单的方法是将table style设置为fixed,然后您可以使用css更改列宽,无论其中的内容如何,列宽都将保持不变
  • 在预定义列宽后,您可以将thead克隆到表上方的另一个表中,它将起到固定标题的作用
否则,您需要:

  • 将收割台的高度设置为0px
  • 将标题克隆到表上方的表中
  • 将新标题表格的宽度设置为原始表格的宽度
  • 将新表中每个单元格的外部宽度设置为原始表中相同标题单元格的外部宽度

而且,没有一个解决方案是好的。我发现,编写一个定制的解决方案总是比尝试用一个现有的通用插件来做我需要的事情要好

当您谈论在一个表中表示的数据量时,您应该考虑使用或开发一个在页面上具有分页和自定义大小的控件。我在表头单元格和表行单元格未对齐的同一点上遇到了问题。-你说不对齐是什么意思,你能清楚地说明吗。标题栏和表格栏的数量不同或文本对齐问题?