巨大的HTML表格，带有固定标题，标题单元格和行单元格之间的对齐

Question

我需要在web中表示巨大的数据（37列，1000 +行）。我想修复此表的标题行，然后相应地操作数据。

在网络中有很多可能的解决方案，其中一些取决于CSS，一些取决于JavaScript。

我已经尝试了很多，并且每次我都在表格标题单元格和表格行单元格不对齐的同一点上停顿。

第一种方式我曾尝试：https://s12-chicago.accountservergroup.com/~gomathik/demos/scroll.html 第二种方法我已经厌倦了：http://www.imaputz.com/cssStuff/bigFourVersion.html#

他们俩，当然固定的头。但我仍然有对齐问题。

你有什么建议吗？ 我m begginer html和CSS，任何帮助将不胜感激。

预先感谢您！

Answer 1

我有一些这方面的经验，我可以给你一些想法/指针：要做到这一点

• 最简单的方法是设置表格样式固定，则可以更改列宽CSS和他们会不管内容如何，​​都要保持这样的宽度
• 您的列宽后是预先定义的，你可以克隆THEAD到您的表格上方的其他表，它会像一个固定的头

否则你将需要：

• 集报头的高度为0px
• 克隆的报头插入到一个表的表
• 新的头的表格的宽度设置为原表的宽度以上
• 将新表格中每个单元格的外部宽度设置为原始表格中相同标题单元格的外部宽度

此外，这样做的解决方案似乎没有任何好处。我发现编写一个自定义解决方案总是更好，然后尝试将现有的通用插件与现有的通用插件进行摔跤。

Answer 2

您是从数据库检索数据？如果是这样，那么修复头文件并使用PHP for循环来显示数据呢？查看此信息http://www.siteground.com/tutorials/php-mysql/display_table_data.htm

Answer 3

我曾经参与过一个项目，其目标是将大型数据集（10-20列，500多行）以及其他可视化视图化为一个表格。

我使用Google Visualization API Table.它使用简单，使用JavaScript控制（不要吓跑！）。

它有很好的格式化支持（通过DataTable类）。它实际上使用HTML表格标记以及一些额外的JavaScript和CSS。 Table类负责处理单元格对齐。看看例子。