如何冻结表格的第一列？
要冻结表格的第一列，可以使用CSS的position属性和overflow属性来实现。具体步骤如下：
- 首先，给表格的父容器添加一个样式类或ID，例如给父容器添加一个ID为"table-container"。#table-container table { position: relative; } #table-container td:first-child { position: absolute; left: 0; }#table-container { height: 400px; /* 设置合适的高度 */ overflow: auto; /* 或者使用overflow: scroll; */ }<div id="table-container"> <table> <!-- 表格内容 --> </table> </div>
- 在CSS中，使用position属性将表格的第一列固定在左侧。可以将表格的第一列设置为绝对定位，并设置left属性为0，使其固定在左侧。
- 为了确保表格的内容不会被第一列遮挡，可以使用overflow属性来添加滚动条。将表格的父容器设置为固定高度，并设置overflow属性为auto或scroll。
- 在HTML中，将表格放置在带有"table-container" ID的容器中。
这样，表格的第一列就会被冻结在左侧，并且在表格内容过多时会出现滚动条，确保内容的完整显示。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
当Google电子表格显示在Google窗口中时，所显示的完整表在滚动显示窗口时会移动。包含标题的顶部行移出视图。这使得我们很难理解哪一列包含什么信息。
我如何冻结第一行的谷歌电子表格时，显示在谷歌网站？
浏览 0提问于2014-07-06得票数 1
1回答
我已经在列标题下选择了“滚动时保持标题可见”。但是当我滚动报表时，它不起作用，我的报表类型是表格(不是maxtrix)，并且数据源有105行数据。您能告诉我如何冻结列标题吗？
浏览 0提问于2019-04-19得票数 0
我尝试为前5行创建一个带有冻结窗格的电子表格。我让它创建一个excel电子表格，但出于某种原因，我的冻结窗格只冻结前2行和前2列。
With objExcelAssist.worksheet
Dim xlApp As Object
Set xlApp = objExcelAssist.Application
xlApp.ActiveWindow.FreezePanes = True
End With
我试过：
Dim rv As Object
Dim rng As Object
Set rng = rv.Range(rv.Cells(4, 2), rv.Cells(4
浏览 1提问于2013-12-11得票数 0
回答已采纳
1回答
我有一个很大的数据表，大约有50列和几百行。我尝试了许多jquery插件来冻结标题和列，但它们似乎不能正常工作。在添加了如此多的列和行之后，它们要么冻结，要么永远无法加载。据我所知，这个问题与offsetHeight和offsetWidth有关，但我不知道如何修复它(或者它是否有可能修复)。
我尝试过使用dataTables和fixedheadertable。我知道问题出在我添加jquery的时候。如果我不使用jquery，表会立即加载。
有没有人对如何在没有javascript的情况下做到这一点有什么建议或想法？数据是一个很大的报告，所以所有的数据都需要在一页上。我需要能够冻结2个标题行和2
浏览 0提问于2012-01-28得票数 4
1回答
我有包含列的表： <table style="table-layout: fixed; width: 100%; height: 100%;">
<tr>
<td>Column 1</td>
<td class="сertainColumn">Column 2</td>
<td>Column 3</td>
</tr>
</table> 此外，我还可以动态更改页面宽度和表格宽度，还可以动态更改列宽。 当
浏览 17提问于2021-06-23得票数 1
回答已采纳
1回答
引导表上的粘性列和标头
、、、、
我一直在寻找如何使我的表格标题贴在顶部，以及如何使第一列也粘上(就像excel上的冻结窗格)。我设法找到了一些示例和，并以自己的方式实现了它们。其结果是类似于这个
但是，对于这种方法，我有一些问题：
如何设置标题列<th>，使其与内容<td>具有相同的宽度
当我使用水平滚动(就像)时，是否总是有第一列在左边粘贴？
浏览 5提问于2016-02-07得票数 0
我需要知道我是否可以冻结表格布局内的第一个表格行和第一个表格列，同时水平和垂直滚动。
当我水平滚动时，的列应该会冻结。当我垂直滚动时，表头或表头或第一行应该被冻结。
请回复，如果有任何api为此。
为此，我使用动态表，即我在执行webservice时加载行，并根据命中率加载行数。
浏览 0提问于2015-10-09得票数 0
1回答
如何冻结表格的第一列？
、、、
我有一个表，它是使用jquery EasyUI实现的。我想冻结表格的第一列，当页面在较小的屏幕上时，剩余的列应该有滚动条。在此编写代码
如何仅冻结Title1列。
我尝试在Datagrid-view1中添加Title1列来实现这一点。但是我无法提前找到合适的解决方案..Thanks
浏览 20提问于2017-12-20得票数 1
回答已采纳
我希望阻止excel滚动通过特定的行/列。我有一个要放到excel中的表格，表格范围之外的任何地方都需要有一个不带线条的背景。但是，通过放置未加线条的背景，滚动条中将包含未加线条的部分。因此，我想防止滚动超过表格的限制。 我试过冻结窗格，但是表格超出了屏幕的范围(大约50行和50列)，冻结窗格不允许在整个表格上滚动。
浏览 18提问于2019-04-24得票数 1
1回答
我正在尝试冻结excel中工作表中的第一列。
我知道如何冻结水平和垂直使用
c = ws['C3']
ws.freeze_panes = c
但是，我特别想找到一种只冻结A列的方法
谢谢
浏览 2提问于2019-07-09得票数 0
在Excel2016中，我知道如何通过菜单视图->冻结窗格冻结第一列或第一行。
但是，如何同时冻结第一列和第一行？
当我应用其中一种时，它会移除另一种。
我如何冻结任何列或行，而不是第一列？
@重力，这是你的建议：
我没有这个选择。
浏览 0提问于2016-12-16得票数 1
回答已采纳
我想做一个冻结了顶行的html表格(这样当你垂直向下滚动时，你总是可以看到它)。
有没有一种聪明的方法可以在没有javascript的情况下实现这一点呢？
请注意，我不需要冻结左列。
浏览 5提问于2011-12-08得票数 159
回答已采纳
我有一个闪亮的应用程序，可以生成一个数据表，但我不能冻结第一列和标题，所以当你向下或穿过时，表格很难阅读。有什么方法可以冻结窗格吗？我试着找过了，但什么也没找到。
浏览 0提问于2014-10-07得票数 15
我有一个应用程序脚本附加到我的谷歌电子表格。有一个函数可以用电子表格做很多事情。这就是它的作用。
创建新的工作表
设置新工作表的列标题
在新的工作表中复制数据
集合公式
删除额外列
删除额外的行
在现有工作表中添加一行(表1)
在现有工作表中添加一列(表2)
在第2页新列中添加公式
在现有工作表的单元格(表3)中编辑值。
这10个步骤完成后，电子表格正常工作，但在10-15秒之后，工作表将冻结。为了让它正常工作，我需要刷新页面。
我做了实验，我发现如果我消除步骤6，即“删除额外的行”，冻结行为就会被消除。为什么它会冻结在这个特定的步骤上？我该怎么
浏览 2提问于2015-01-28得票数 2
在打开用xlsxwriter创建的excel电子表格时，我希望自动显示特定范围的列。
下面的示例说明了这一点:当显示的列范围从E开始而不是在B开始时，第一行和第一列被冻结(但是请注意，我不希望B:D被隐藏，我只是想开始显示在E上的列范围)。
这可行吗？
浏览 5提问于2022-03-09得票数 1
回答已采纳
我有一个带有表的页面，它可以有不同的列数。这是产品对比页面，用户可以选择最多10个产品进行比较。
我使用的是带有固定布局+响应式的twitter bootstrap v2.1。如何使表格在容器div中水平滚动？理想情况下，我也希望第一列始终可见(冻结)。
有可能吗？
浏览 0提问于2012-09-05得票数 2
回答已采纳
我使用Excel自动创建电子表格，有时电子表格的左侧( and列)不可见，无法向左滚动。列are是有意隐藏的，在P4上有一个冻结窗格。这个问题是不一致的，它只发生在少数人身上，而不是每次都发生。
编辑:转换是在应用冻结窗格之后发生的。下面是添加冻结窗格的代码片段。
inout Excel.Worksheet worksheet;
worksheet.Activate();
worksheet.Range[GetEditableArea()].Select();
worksheet.Application.ActiveWindow.FreezePanes = true;
下面是GetEditab
浏览 6提问于2014-10-17得票数 1
回答已采纳
1回答
我有一个基于查询的oracle顶端表格表单。当此表格形式中的数据溢出时，当我滚动到底部行时，列的标题也会向上滚动并消失。我想冻结表格形式的列标题。这怎么可能呢？
浏览 6提问于2017-07-06得票数 0
1回答
我使用RSuite表格创建了一个表格，并试图在向右滚动时修复表格左侧的几列，因为我的表格有很多列。但是，列不会留在视图中 <Table data={rows} height={700} virtualized onRowClick={data => { console.log(data) }}>
{
columns.map((value, index) => {
if (value.fixed) {
return <Column width={value.width} fixed="left">
浏览 32提问于2021-03-30得票数 0
2回答
我知道这里有上百个关于固定列、表格中水平滚动的帖子--但大多数都不适合我，或者它们有一些限制，不允许我使用它。我试图解决这个问题，有一个包含所有冻结列的表，我希望有第二个表，它旁边有可滚动的列。但即使过了几个小时，我也搞不懂这事。我到处摆弄许多解决方案--嵌套的表格、容器--都没有成功。我试着向左/向右浮动，但问题是我的表显然太大了，因此总是浮动在下面。
所以我想要实现的是:左边有一个表格，上面有所有冻结的列--有一个包含内容的表格，它可以水平滚动。我如何包装我的两个表来实现这一点？
我使用的是Angular -所以我想用纯HTML/CSS/Angular来做这件事。我也不能使用一些现有的模块
浏览 0提问于2017-09-11得票数 0
回答已采纳
1回答
我正在尝试在ASP.NET中冻结表格的标题行和前两列。表格在运行时由每个单元格中的不同控件填充，其中一些具有TextBox控件、其他标签和/或按钮。
在尝试了许多不同的解决方案后，我找到了一种，它使这一切成为可能。
现在我有两个问题。首先，在某些窗口大小下，标题行与表的其余部分不能完全对齐，越往右看，情况就越糟。其次，在Firefox或Internet Explorer中查看页面时，冻结的行和列更新其位置的速度很慢，导致它们停在实际滚动的表格后面。
有没有更聪明的方法让我能够冻结行和列？这似乎是一个已经做了100次的事情，但我找不到一个对我来说完美无瑕的解决方案。
提前谢谢你。
浏览 3提问于2017-10-25得票数 0
1回答
可以使用EPPlus找到冻结的窗格吗？例如，在我工作的电子表格中，6以上的任何行都是冻结的，D之前的任何列都是冻结的。有没有办法在给定的工作表中检测到这些？ 我知道EPPlus有一个选项，可以在给定行和列的情况下冻结窗格。浏览一下源代码，我可以看到这个方法位于ExcelWorksheetView.cs中。此外，实际将状态设置为冻结的代码行是：paneNode.SetAttribute("state", "frozen");，其中paneNode是一个XmlElement。 有了这些信息，我使用Visual Studio的调试器搜索工作表，试图找到有关冻结状态的
浏览 20提问于2019-06-20得票数 2
回答已采纳
我正在谷歌电子表格中建立一个库存系统，我最终需要冻结除位置之外的所有列，以确保字段不会意外地被弄糟。然而，我们也将增加新的库存，这使我相信，我将不得不解冻所有其他领域，每次我添加一个新的机器。我怎么才能避开这一切？开放的任何建议，以满足我的需要，因为我不是死气沉沉的谷歌电子表格，但需要一个自由的方式，让多个用户操纵来自全球各地的数据。
浏览 7提问于2013-07-31得票数 0
回答已采纳
我有来自50个州的数据，我想以表格格式显示(我也绘制了它的地图)，但是表格高度太大了，你向下滚动时不会丢失标题行。由于有13列包含是/否信息，一旦您忽略了该行，就很难理解您正在阅读的内容。
我希望能够冻结标题行，以便它下面的数据可以滚动(在x和y轴)。我考虑过在表格顶部使用图像，但当表格比主体块更宽时，这不起作用。
你会注意到我在列宽方面也有问题，因为我不能伸展最后一列。
另外，我的备份计划是允许用户简单地下载表格，但我不知道如何设置下载表格的链接。
提前感谢您的帮助！
浏览 2提问于2013-06-21得票数 3
我想知道是否有一种方法可以使UICollectionView行或标题保持不变，类似于电子表格程序中的冻结窗格功能。
我基本上希望第一列和第一行保持不变，而其余的是可移动的。
UICollectionView可以做到这一点吗？
浏览 0提问于2013-05-21得票数 3
我使用GWT flextable制作了一个表格，在不同的行中显示数据，但我必须将顶部的行冻结在相对于父容器的位置。如何做到这点。请在这个问题上帮我解决问题？
浏览 0提问于2017-09-05得票数 0
1回答
我试着用水平卷轴来制作表格，它可以冻结列，现在我试着冻结一个单元格进行测试，但是它不能按预期工作。
这是我用来冻结我的手机的代码：
element.style {
position: sticky !important;
z-index: 1000;
top: 0;
}
这样，单元格就不会冻结，整个表格从左向右移动。我找到了这个，并试图在我的项目中重新创建该解决方案。
有人知道为什么我不能把这个牢房冻在原地吗？
如果我使用垂直滚动，单元格将保持在其他元素的顶部，因此z-index: part可以工作。
浏览 1提问于2021-05-31得票数 0
回答已采纳
31回答
有没有一种跨浏览器的CSS/JavaScript技术可以显示一个很长的HTML表格，使列标题在屏幕上保持固定，而不是与表格主体一起滚动。想想Microsoft Excel中的“冻结窗格”效果。
我希望能够滚动浏览表格的内容，但始终能够看到顶部的列标题。
浏览 16提问于2009-03-23得票数 244
回答已采纳
2回答
我想冻结我的html表的第一列。几次尝试后，我设法冻结了它，但不知何故，当我水平滚动表格时，左边的列似乎与第一列重叠。我找不到修复它的方法。你能帮帮忙吗？您可以使用此对其进行测试。
CSS：
table {
width: 100%;
position: relative;
overflow: hidden;
display: block;
}
thead {
width: 100%;
display: block;
position: relative;
overflow: visible;
}
thead th:nth-child(1) {
浏览 19提问于2018-07-30得票数 0
我试图找出，如果可能的话，通过公式而不是VBA，哪一列是冻结窗格列右侧的第一个可见列-即:它还没有滚动到冻结列的“下”。滚动到其中的列从技术上讲并不是“隐藏”或“过滤”的，所以我找不到第一个未隐藏的列。有没有办法识别列是否已经滚动到冻结列的下面/后面，或者仍然可见？作为最后的手段-它能被VBA识别吗？在网上搜索了一下-还没找到。提前谢谢。
浏览 22提问于2020-04-22得票数 0
回答已采纳
我有一个Google电子表格，它将A列作为ID字段(递增数字1.1000；没有公式，只有数字)。该列与第一行标题一样被冻结。
我按列B排序，现在无法再按列A重新排序。在上下文菜单或上面的数据菜单中没有排序选项。
当我试图查看，没有列冻结我收到一条消息，说“这是不允许的，因为它将改变表的结构”。不确定这是否相关。
浏览 0提问于2011-11-02得票数 2
1回答
我已经在各处看到了一些使用技巧的例子
position:absolute
在表的第一列上，然后使表的其余部分可水平滚动。
这是可行的，如下所示：
然而，一旦我添加了垂直滚动条，你就可以看到它不会滚动冻结的窗格，相反，冻结的窗格现在以一种丑陋的方式从表格的其余部分向下伸出。
我需要在左边的冻结列垂直滚动。有人能修复jsfiddle代码吗？
浏览 3提问于2014-05-31得票数 1
下面的Js代码片段适用于单个html表格(class = mtable)，基本上，当我在表格上向左滚动时，它会冻结第一列。当我有多个"mtable“类html表格时，当在一个表格上滚动将导致所有表格同时滚动时，它表现不佳。我应该如何解决这个问题，使每个表都能独立工作？ $(document).on('mouseover', '.mtable tbody', function(){
// alert('scrolling');
$('.mtable tbody').on('scroll',
浏览 15提问于2019-05-20得票数 1
3回答
我想创建一个具有可滚动数据的表。我必须冻结表格的第一行和第一列。表格的第一行和第一列必须自动将宽度和高度调整为表格内容区域中可变的单元格尺寸(因为用户将添加具有可变内容的新表格单元格)。
有人问了一个相关的问题：
但是到在线演示和源代码的链接是死的，所以我无法确认解决方案。
浏览 0提问于2011-12-24得票数 5
回答已采纳
我有一个要求，我需要在水平和垂直滚动时粘贴表的第一行(标题)和前两列。
我之前用过一个Jquery插件()，它工作得很好，但问题是，当绑定浏览器选项卡时，当行数增加到大约1000行时，它就会冻结，最后变成没有响应的页面。
所以我正在寻找一个CSS解决方案，在那里我可以实现同样的目标。我需要表格单元格是动态的，所以表格单元格的宽度应该根据内容增加，而不是弄乱表格的结构。
这是一个关于表结构的小提琴。那么，有没有什么方法可以冻结标题和列，而不需要任何繁重的插件和改变表结构？
浏览 2提问于2016-02-24得票数 0
我使用在我的node.js应用程序中创建一个Excel表：
const xlsx = require('xlsx');
const workbook = xlsx.utils.book_new();
const worksheet = xlsx.utils.aoa_to_sheet([
['Number', 'Name', 'Value'],
[1, 'Bill', 1500],
[2, 'John', 2300]
]);
xlsx.utils.book_append_sh
浏览 1提问于2018-02-07得票数 5
我想冻结excel中的前5列和3行。我已经为此编写了以下代码
Worksheets.View.FreezePanes(5, 5);
但它也冻结了前4行的列。除前4行外，我想冻结excel中的前4列。做得到吗？
浏览 37提问于2015-01-21得票数 42
回答已采纳
我需要使用vb.net冻结datagridview中第一列和最后一列的帮助。
我有68列的datagridview。我想冻结datagridview中的第一列，我使用了以下代码：
Datagridview1.Columns("Name").Frozen=True
上面冻结第一列的代码是正确的。但是，当我尝试使用相同的代码冻结最后一列(只是更改了列名/标题文本)时，datagridview中的滚动条消失了。我想让第一列和最后一列可见，同时仍然可以滚动那些未冻结的列。
这有可能发生吗？
浏览 2提问于2013-11-14得票数 0
有没有可能在Microsoft ReportViewer控件的本地模式下“冻结”一列，这样当用户向右滚动时，前一两列会继续显示，而不会滚出视图？我使用的是表格类型的报告。
浏览 3提问于2010-02-20得票数 1
回答已采纳
我在试图修改我的电子表格。下面是我使用的公式的原始电子表格。这对我需要的东西很有用。但是我的老板想为C栏中的3种不同的动作设置时间戳，这一次是冻结的，而且不会改变，除非C列是空的，然后添加一个新单词。
=IF(C3<>"",IF(B3="",NOW(),B3),"")
📷
对于这些列，我使用了以下公式，但一旦更改了C列，就会遇到更改时间的问题。请帮我把这些时间冻结。
每一栏中使用的公式：
=IF(C3="ASSIGNED",NOW(),I3),
=IF(C3="ON SITE",NOW(),J3),
浏览 0提问于2022-07-27得票数 1
1回答
我在一个项目中工作，使用Jqgrid来显示一些类似excel的表格。它包含几列。现在，我们设法按一个名为"Transaction“的列进行分组。在该组标题下面是名为Customers的最左边的列。
剩余的列是出售给这些客户的项目。现在，用户希望冻结整个Customers列(以及事务组标题文本)。因此，当它们滚动时，第一列始终保持在视线内。
这是相当困难的，因为jqgrid不支持带分组列的列冻结。我找了很多地方，但没有发现任何线索。
请帮我实现这一点。
浏览 0提问于2012-06-21得票数 1
我有一个RadGrid属性，可以通过设置计数来冻结列。例如，如果我设置了"FrozenColumnCount="1"“，网格的第一列将被冻结。通过增加此计数，可以设置冻结的列数。
但我想针对不同的列，比如random coulmns。
请在这方面帮帮我。谢谢。
浏览 0提问于2014-05-05得票数 2
谢谢你来看我的问题
我想知道是否有一种方式冻结一行，如Excel冻结在谷歌调查表格。
例如(请参阅所附图像)：
我有一张90x100桌。这里有一个不停的滚动，看看我是否正确地匹配了答案。有什么方法可以在滚动列的同时冻结顶部的行？
这张表在一个Div类中。
谢谢你的帮助
浏览 3提问于2022-04-15得票数 -1
0回答
我正在使用ag-grid创建灵活的表格，我需要冻结前5列。有了旋转功能，它可以防止这5个列被移动，但用户仍然可以将其他列拖动到这5个保留的第一个位置。PLease帮助
浏览 4提问于2016-07-15得票数 0
我试图使用frozenColumns属性冻结富:扩展数据表中的列。当我不使用这个属性时，每个列都是可见的，就像在正常情况下一样，但是当我使用这个属性(frozenColumns="2")时，只有两个冻结的列正在显示，其他非冻结的列根本没有显示，甚至连滚动条都没有显示。我正在为这个扩展的datatable使用rich:columns。
浏览 0提问于2014-09-10得票数 0
在不冻结电子表格计算的情况下，我如何才能延迟Google应用程序功能。
睡眠功能冻结所有的电子表格计算，我有许多计算的电子表格，我想在下一步之前完成。
我该怎么解决呢？
浏览 0提问于2018-10-08得票数 0
我想冻结我的页面标题和列，如下所示：
我可以很好的冻结我的头文件：
$highestRowCount = $sheet->getHighestRow();
$highestColumnCount = $sheet->getHighestColumn();
$sheet->freezePane( "{$highestColumnCount}2" );
但是当我在列上添加另一个冻结时：
$sheet->freezePane( "D{$highestRowCount}" );
它打破了滚动的超强能力.
浏览 0提问于2014-07-03得票数 9
回答已采纳
我将表格视图添加到UITableView中，并将滚动视图框架设置为我想要显示的内容，并使其内容大到足以容纳其中的表格，从而使UISrollView可以水平滚动。它工作得非常好。现在我需要做的是冻结第一列(不是水平滚动它)，但其余的表应该水平滚动。
我想过要这样做。将表视图A和包含表视图B的UiScrollview对齐。并填充表A中的第一列数据，并填充表B中的其余列数据。我认为这应该适用于水平滚动，但它不会有正确的垂直滚动，因为垂直滚动将不会对齐。因此，解决这个问题的方法是，当表格B垂直滚动时，相对垂直滚动表格A，反之亦然。但我不知道如何实现这一点。任何想法。
或者有一种更简单的方法可以做到这一
浏览 2提问于2011-07-28得票数 2
回答已采纳
目前，Google可以用来“冻结”文档的部分，以便这些部分在滚动时始终保持不变，就像在这个视频里演示的那样。但是，这方面的一个限制是只能选择一个节，并且它必须相对于文档的开头，无论它是在行还是列中定义的。
是否有可能在电子表格的更远的地方冻结第二行，以便在滚动时，第一个冻结的行在工作表的顶部保持不变，直到遇到第二个冻结的行并替换第一个？
浏览 0提问于2017-05-18得票数 14
回答已采纳
1回答
我有一个冻结在第一列的DataGrid。我正在尝试使冻结的列看起来像一个单独的DataGrid。我想增加冻结列之后的网格线，使其看起来像我制作的下图。我不确定如何在冻结列之后增加网格线宽。
<DockPanel Name="dpHistory" LastChildFill="True" sl:UIAudit.Drsarea="SuperBillHistory">
<Border Background="Blue" Grid.Column="3"/>
<DataGrid N
浏览 0提问于2013-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
