在google里面找到的,贴上去就可以用,不过div包住的高度如何自适应任何分辨率下的浏览器还不知道怎么弄.
<html>
<body>
<table id="table1" border="1">
<tr>
<td>a</td>
<td>bbb</td>
<td>ccccccc</td>
<td>ddd</td>
<td>ee</td>
</tr>
</table>
<div style="width:250;height:100px;overflow:auto">
<table id="table2" border=1>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
</table>
</div>
<Script>
function init(){
var tr1 = table1.firstChild.firstChild;
var tr2 = table2.firstChild.firstChild;
var cells1 = tr1.children;
var cells2 = tr2.children;
for(var i=0;i<cells1.length;i++){
var maxWidth = Math.max(cells1[i].offsetWidth,cells2[i].offsetWidth);
cells1[i].style.width = maxWidth;
cells2[i].style.width = maxWidth;
}
}
init();
</Script>
</body>
</html>
分享到：
相关推荐
它提供了丰富的图形用户界面（GUI）组件，使得开发类似Excel的表格应用变得可能。 首先，让我们关注标题中的"高仿excel表格-可执行文件(源码不开放)"，这意味着我们讨论的项目是一个已经编译好的应用程序，可能使用...
冻结纵向表头与冻结横向表头类似，但针对行标题。例如，如果A列包含行标题，我们可以冻结B列以保持行标题的可见性： 1. 选中需要冻结的下一列，比如B列。 2. 进入“视图”选项卡。 3. 在“窗口”选项组中点击“冻结...
在Excel2021中，冻结窗口是一种非常实用的功能，尤其在处理大型数据表时，可以帮助用户保持...记得在设置好冻结后检查一下效果，确保分割线的位置符合你的预期。通过这种方式，你可以更好地管理和理解你的工作簿内容。
在Excel 2021中，冻结窗口是一项非常实用的功能，它允许用户在滚动查看大型电子表格时保持特定行或列的可见性，以便于参考关键的标题或分类信息。以下将详细介绍如何在Excel 2021中执行窗口冻结。 1. **冻结首行或...
竖向冻结列的操作与横向冻结行类似，只是选择的单元格有所不同。假设你想冻结第一列（A列），你需要选中B列，然后同样通过“视图”->“窗口”->“冻结拆分窗格”来实现。完成后，你会看到在冻结列的右侧出现一条...
类似excel里的冻结表格，横竖都可以做到冻结，这样的话不管怎么拉动滚动条横向标题和竖向标题都被固定，一直可见。
这个“表格冻结特效”显然是一个模仿Excel这一特性的程序或者插件，适用于需要在网页、应用程序或其他非Excel环境中实现类似效果的情况。 在实际应用中，表格双冻结指的是同时冻结顶部一行和左侧一列，这样无论用户...
标题中的“POI单元格的合并、数据行的分组以及Excel窗口的冻结”涉及到Apache POI库在处理Microsoft Excel文档时的一些高级功能。Apache POI是一个流行的Java库，它允许程序员创建、修改和显示MS Office格式的文件，...
在处理大量数据时，电子表格工具（如Microsoft Excel）中的冻结表头功能是非常实用的。它可以帮助用户在滚动查看表格内容的同时保持顶部行（通常是列标题）始终可见，从而方便对数据的理解和操作。对于基于OWC...
**Excel表格标题重复打印**是指在多页打印时每一页都打印表格的标题行。这对于确保数据的可读性和连贯性非常有用。 #### Excel表格边框设置 **Excel表格边框设置**是指为表格添加边框线条。这对于区分数据区域和...
标题中的“冻结table的行和列”主要涉及的是在Web开发或者电子表格软件中，如何设计和实现这一功能。在网页上，我们通常使用HTML、CSS以及JavaScript来构建交互式的表格。当用户滚动表格时，通过JavaScript监听滚动...
在Excel等电子表格软件中，处理大量数据时，冻结表格的部分区域可以极大地提高工作效率和数据可读性。标题“冻结表格，表头固定，行头固定，列头固定”所涉及的知识点是关于如何在表格中保持表头、行头和列头在滚动...
在使用电子表格软件进行数据分析和记录时，保持...此外，WPS表格作为一款强大的办公软件，其功能与Microsoft Excel类似，因此这些操作也适用于Excel用户。通过了解和应用这些知识，可以提升你在数据处理方面的专业性。
在Delphi开发环境中，DevExpress VCL是一个非常强大的组件库，其中cxGrid是用于创建数据网格视图的强大控件，而cxSheet则提供了类似Excel的工作表功能。本篇将详细讲解如何利用cxGrid导出数据到Excel文件，并实现...
在网页开发中，特别是在处理大型数据表格时，为了提高用户体验，常常需要实现类似Excel的表头锁定和行列冻结功能。这个技术挑战在于如何在不同浏览器间保持一致性，确保功能的兼容性。本篇将深入探讨如何在HTML环境...
对于冻结首列，步骤类似，但需稍作调整： 1. 仍然是将光标定位在要冻结的列的右侧单元格。如果要冻结第一列（通常是序号列），则光标应放在A列的任一单元格B列内。 2. 同样，点击“视图”选项卡，找到“窗口”组中...
除了固定首行，Excel 2021还支持冻结首列或同时冻结首行和首列，操作方法类似，只需在不同的行或列上进行选择即可。 此外，Excel 2021还提供了其他增强数据可视化的工具，如条件格式、数据验证、图表创建等。通过...
3. **冻结标题行（非打印状态）**： - 如果你的需求是在屏幕查看时，即使滚动工作表，也希望标题行始终保持可见，可以使用“冻结窗口”功能。 - 例如，如果你想冻结第四行，首先选择第五行的任意单元格。 - 转到...
13. **冻结行列**：在滚动查看大量数据时，冻结首行或首列，保持标题始终可见。 14. **数据链接**：使用链接功能，可以在多个工作簿间同步数据，保持数据一致性。 15. **使用PivotChart**：与数据透视表配合，制作...