包含固定列的CSS表
CSS表格是一种用于在网页上展示数据的常见元素。固定列的CSS表格是指在表格中固定某些列的位置，使其在水平滚动时保持可见。这种表格布局可以提供更好的用户体验，特别是当表格有大量列时。
固定列的CSS表格可以通过以下方式实现：
- 使用CSS属性position: sticky来固定列。这个属性可以将元素固定在其父容器内的指定位置。通过将表格的第一列设置为position: sticky，可以使其在水平滚动时保持可见。
- 使用CSS属性position: absolute来固定列。这个属性可以将元素固定在其最近的已定位祖先元素内的指定位置。通过将表格的第一列设置为position: absolute，并设置left属性来固定列的位置。
固定列的CSS表格在以下场景中非常有用：
- 当表格有大量列时，固定列可以使用户在水平滚动时仍然能够看到重要的列信息，提高数据的可读性。
- 当需要对表格进行排序或筛选时，固定列可以使用户在操作表格时保持参照，方便对数据进行分析和比较。
腾讯云提供了一些相关产品和服务，可以帮助开发者实现固定列的CSS表格：
- 腾讯云CDN（内容分发网络）：通过加速静态资源的分发，可以提高表格加载速度和用户体验。了解更多：腾讯云CDN产品介绍
- 腾讯云Web应用防火墙（WAF）：可以提供安全防护，防止恶意攻击和数据泄露。了解更多：腾讯云WAF产品介绍
- 腾讯云云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行网站和应用程序。了解更多：腾讯云云服务器产品介绍
请注意，以上仅为腾讯云提供的一些相关产品和服务，其他云计算品牌商也提供类似的产品和服务。
相关·内容
使用Ant表设计来构建包含多列的表结构。前3列在这里是固定的。对于这些固定列，将正确显示表标题和数据。但是对于balance列，即使在滚动时，标头和数据也会重叠。这种情况在chrome和safari中都会发生，但在Firefox中就不会出现这种情况。Firefox似乎运行正常。
我现在的css代码，
.ant-table th {
line-height: 1;
text-align: right;
padding: 15px 9px;
overflow-wrap: normal;
white-space: nowrap;
浏览 2提问于2019-11-15得票数 3
回答已采纳
1回答
我的网站布局使用了一个这样的表格。
<table>
<tr>
<td align="left" valign="top" rowspan="2" style="padding-right:41px;">
</td>
<td align="left" valign="top" width="440px">
</td>
</tr>
<tr>
浏览 0提问于2009-10-14得票数 0
回答已采纳
我正在使用jQuery dataTables插件升级HTML表。
dataTable的第一列包含该行的主键，并且是隐藏的。我能成功实现这一点的唯一方法是添加CSS样式"display: none;“或"visibility: could；”
当表升级到dataTable时，第一列的"aoColumns“也有"bVisible”：false，以指示dataTable隐藏此列。
调用fnAddData(...)时若要向表中添加新的数据行，隐藏列的数据将显示在第一个可见列中，并且每个后续数据单元格都将向右移动一个单元格。
简单地说，看起来好像dataTable“忘记”
浏览 0提问于2010-03-04得票数 4
2回答
具有动态列但布局固定的表
、、、
如果可以动态创建包含任意数量列的页面，我需要一个100%的表。每一列都可以包含非常长的单词，很长以至于它们都不适合放在一页上。为了解决这个问题，我使用了table-layout: fixed，它使该表的所有列在页面上可见。问题是，我仍然希望每一列的宽度是动态的，这样如果一个列有短词，它应该比长单词的列短。
例子：.
表1总是显示所有的列，但是当页面足够宽时，即使在其他列中有空闲空间，它也会破坏这个单词。
当页面比列宽时，表2工作得很好，但是当窗口较小时，第一列将其他列从屏幕/推到其他对象上。
有什么办法能把这一切都搞清楚吗？一个总是包含所有列和列的表，而这些列和列的宽度并不比它们要合适的范围大
浏览 0提问于2012-05-31得票数 7
我有一个html/css的问题。我有一个网站，这是由一个“包装器”表在宽度: 100%。在这个网站中有一个“结果”页面，其中显示了一个表格，其中包含许多不同的产品及其信息列。由于有许多列，该表超出了屏幕的大小。当我使用滚动条查看该信息时，我看到"wrapper“表旁边有一个很大的空白区域。如果有人能向我解释如何去掉那些多余的空格，我会非常感激。ThankYou。
浏览 2提问于2010-07-23得票数 0
1回答
我有一个HTML表，其中我：
包含显式表宽度。包含第一行的显式宽度。I在列中有图像，但在图像上包含高度和宽度标记，因此浏览器应该提前知道大小大小。使用的>
这在8、Firefox和Chrome中运行得很好。
Internet 7似乎没有遵循我设置的列所指定的col宽度，但它显示的大小与其他列相同。
我遗漏了什么？
以下是一些表HMTL和CSS：
CSS
#mainApplicationsTable
{
table-layout:fixed;
}
HTML：
<table border='0' class='altTable' width
浏览 3提问于2009-12-31得票数 0
回答已采纳
3回答
一个简单的问题:当表比屏幕宽(溢出)并且在某些单元格或<td>中包含冗长的文本时，行高就变得不必要了。
溢出前 :正常和可接受。
溢出后的：只将单元格添加到右侧后的问题，对整行和整个表都造成不必要的高度。
我的所有表在单元格中都有不同的文本长度，不同的行数和列数。是否有单一的解决方案来管理我的所有表(溢出)行高？
我认为：使用whitespace:nowrap删除空白或使每个单元格行+强迫每一行和每列的最长单元格为正方形或接近正方形，将使表紧凑。
解决方案不适用于所有行、列或表：
(1)css min-width到列或单元格(2)css width到表(3)css whitesp
浏览 7提问于2015-08-04得票数 3
回答已采纳
7回答
我想使用css在一个重要的UI表上设置列宽(而不是在内部使用“css”)。但我不明白列宽是如何被控制的。我试图在TH列上设置宽度，但它不起作用。
参见示例： (参见style.css)
我不明白如何在Mui表上的"Simple Table“上控制表列的宽度： (您可以看到第一列比其他列更宽。怎么做？)
那么它是如何工作的，我如何修改设置呢？
浏览 9提问于2018-07-06得票数 28
我刚开始接触CSS，并且放弃了让我的桌子工作的尝试--我想寻求一些帮助。
我需要做的是显示一个占屏幕宽度100%的表(例如，单行)，其中包含24列(单元格)。每个单元格包含一个随机长度的值。由于每个值都太宽，因此扩展单元格以显示值(适合长度)，表的总宽度超过屏幕宽度的100%。我需要每个单元格占据屏幕宽度的1/24，并隐藏不符合单元格宽度的字符。当然，这应该适用于调整此表的大小。
有什么办法可以实现吗？我试着玩溢出游戏:隐藏，但没有多大帮助。
提前感谢！
浏览 2提问于2015-02-18得票数 0
回答已采纳
1回答
我需要创建一个表，第一列是固定的，其余列是水平滚动的。
我成功地实现了这一点，但当我在我的网站上实现它时，它似乎不起作用。
当我使表头固定时，第一列破坏了布局
当我在一个普通的表格中使用它时，它可以工作，但不适合我的主题
.table-wrapper th:first-child {
position: fixed;
left: 5px
}
没有css的表：
带有css的表格：
谁能告诉我什么可能是冲突的？
更新:我需要的是固定第一列和从第二列开始的滚动条，如下所示
应该是这样的：
但在我的css主题中，它看起来像这样的
浏览 12提问于2016-07-18得票数 0
2回答
我想使表中的第一列成为静态列。这是我的jsfiddle：
css代码：
.table .headcol { position:absolute; }
问题是第一列与第二列重叠。任何防止重叠的建议。谢谢。
浏览 3提问于2017-04-04得票数 0
1回答
我在同一页上有几个表，每个表都有相同的列数。我希望所有表格中的第一列具有相同的宽度，第二列也是如此，等等。我不想指定一个固定的宽度(例如，100px)，而是让浏览器计算它。如何在HTML/XHTML/CSS/js中完成此任务？
浏览 0提问于2012-08-03得票数 3
我有这样的价值观：
PHP
CSS
HTML
JavaScript
我想知道，是否可以将列的某些特定值定义为有效值？(其他一切都无效)
我知道，我可以用另一种方式实现标签系统。创建一个分离的表，该表包含有效的标记，并检查所有内容以进行验证。
但实际上，标签系统只是一个例子。我所要做的就是为一个列定义一些常量值。
浏览 1提问于2016-06-08得票数 0
回答已采纳
我一直无法确定时间表历史是如何存储的。如果您有一个包含多个nvarchar数据列和一个定期更新的库存数量列的表，那么SQL Server是否为库存数量的每一次更改存储静态列的副本，还是有一种面向对象的存储数据的方法？我希望将所有列都包含在历史记录中，因为可能会对nvarchar列进行很少的更改，但如果数百万qty更新重复其他列，则要注意表的历史记录大小。
浏览 0提问于2018-04-16得票数 2
回答已采纳
我并不是真的感觉到CSS，而且它并不总是像我想的那样工作。
这就是其中一种情况：
我有一个简单的(2行，2列)asp:表是动态生成的。在右边的列中，它包含一个组合框(cell (0, 1))和一个标签(cell (1,1))。当我更改组合框的选择时，标签中的文本也会发生变化。如果它对一个细胞来说太长，它会重新调整桌子的大小。我更希望文本是行的，这样它就符合单元格的宽度。
我不知道是否是某个标签的属性可以做到这一点，还是应该用CSS样式指定标签或单元格？我尝试显式设置表的宽度，在CSS类中设置单元格的宽度，但是没有任何效果，我觉得自己就像迷宫中的盲人。
浏览 3提问于2008-12-27得票数 0
回答已采纳
1回答
我试图做一个水平滚动的表格，我能够做到，但只有第一列是固定的。我需要为两个或两个以上的列做滚动表。
这是小提琴的链接
我想使这个表滚动两个或两个以上的列是固定的和休息滚动。是否可以创建一个CSS类(例如"fixedColumn")，以便任何具有这个CSS类的列都是固定的，其余的列是滚动的？我不能使用任何JavaScript插件(根本没有JS )。
请帮帮忙。
<div class="table-wrapper">
<table id="consumption-data" class="data">
浏览 3提问于2014-09-02得票数 4
1回答
如果我使用left join将两个表连接在一起，并且其中一个表是完全空的，那么在连接的表中我会得到一堆空列。
这是一个演示我的意思的。
我希望得到的连接表不包含所有这些空列
浏览 1提问于2013-02-06得票数 1
事实上，网格布局允许我以完全不同的方式构建CSS表，我试图找出一种方法，在第一行停留在视图中的网格布局，而其余的滚动。重要的是，在不丢失网格行为的情况下(包含大量内容的“单元格”应该更改整个列和/或行的宽度和/或高度，包括不可滚动的第一行)。
这个是可能的吗？
浏览 1提问于2017-11-02得票数 9
回答已采纳
2回答
单击列链接中的表时，打开可引导编辑的对话框。我的电话是：
$('TABLE TD A').editable({
type: 'date',
name: 'test',
pk: $(this).attr("pk"),
format: 'dd/mm/yyyy',
url: '/post',
title: 'Cambiar
});
桌子在DIV里面。
它的错误之处在于有类表的表--在days中被浓缩--数据变送器--天。
表扩展到所有的
浏览 5提问于2015-02-20得票数 0
回答已采纳
1回答
CSS3列基线
、、
我在一个div中显示了大量的表。我使用CSS column-count将这个div划分为多个列。
但是，由于基线设置，它会放大单元格，使其与彼此相邻的表格对齐。指定高度，即使使用!important似乎也会被忽略。
我怎样才能防止这种行为？
更新1：
包含在div中的HTML示例表(id="data")
<table class="res card">
<colgroup>
<col class="pos-col">
<col class="cardnum-col">
&l
浏览 9提问于2015-01-25得票数 0
我有一个包含两列的表，每列中有两个可编辑的div。我希望能够编辑单元格并添加文本，直到可编辑div变为单元格宽度为止，然后希望div溢出并为溢出的文本显示省略号。 如果我使用px将max-width添加到可编辑的div中，我会得到我想要的行为，但我希望能够使用%，这样设计就可以保持响应性，所以px是不可能的。 正如您在stackblitz上看到的，如果我添加到可编辑的div中，并且它溢出，表的其他列将被推送。我希望表格的宽度保持不变，列的宽度也保持不变。 我试着设置了一堆宽度，但似乎没有什么能使每一列的宽度保持不变。 https://stackblitz.com/edit/add-angul
浏览 8提问于2020-11-25得票数 0
回答已采纳
我正在尝试创建一个表，其第一列为固定宽度，其第二列尽可能缩小以适应其文本，其馀列将所有剩余空间平均分配，而不管其内容如何。
这里有一个要演示的小提琴，到目前为止我的尝试是：
关于输出，需要注意两件事：
我希望堆叠表的列对齐，就像它们是单个表的一部分一样。
注意，问题是我无法让第3列和第4列分割剩余的空间。我尝试将.equal类的宽度设置为小值和大值，但这两种方法都没有达到目标。
篡改HTML
<table>
<tr>
<td class="fixed">fixed</td>
浏览 0提问于2014-01-12得票数 1
回答已采纳
3回答
我有一个项目，它需要一个包含固定宽度和灵活宽度列的表。
有些列需要宽度为80 no，无论浏览器的宽度如何。
其余的列需要一个灵活的宽度，但都是相同的宽度，最小宽度为75 of；
通过添加表布局:min；在表中，我能够获得所有宽度相等的灵活宽度cols，但是，然后该表忽略td的最小宽度属性。
如果我删除表的布局:固定的，最小宽度工作，但灵活宽度科尔都有不同的宽度(根据它们包含的文本长度)。
列数根据从db中提取的数据而变化。
我已经给出了一个表格的例子，表的布局是：。
在这种情况下，如何使最小宽度工作，或者为什么会发生这种情况，有什么想法吗？
浏览 14提问于2011-08-10得票数 19
回答已采纳
我在gsp文件中定义了一个表。该表有一个列，其中包含经过数字编辑的数字。我想要对它们进行rightAlign，这样所有的decimalPoints都在相同的位置，在前一行中相应的位置下面。
彼得
浏览 0提问于2015-01-04得票数 0
我有个交叉表。我通过将样式设置为包含"display: none“的样式来隐藏整个列。这在html和pdf中看起来很棒。
但在导出到Excel时，该列显示为空值。
如何强制excel导出不显示该列？
浏览 4提问于2018-07-11得票数 0
1回答
我有下面的HTML表和相关的CSS -
我相信这就是导致问题的CSS
.content {
position: relative;
max-width: 944px;
min-width: 200px;
margin: 0 auto;
display: flex;
justify-content: center;
}
当我水平扩展结果窗口时，第一列无限扩展，并将第二列和第三列推到下一行。预期的结果是所有三列都保持固定大小并显示在同一行上。我做错了什么？
浏览 2提问于2014-04-15得票数 0
2回答
我有一个html表，我想手动控制单元格的大小。我对它应该如何工作感到困惑。首先，有一个css属性"table-layout“，该属性用于控制单元格大小是自动设置为列中最大的内容，还是设置为固定大小。我尝试使用table-layout=auto和=fixed设置td元素的css宽度，两次都将内容从原始大小缩小。问题是它没有缩小到我想要的大小，我使用这两个值作为表布局。下面是我的css代码：
table {table-layout:fixed;}
tr, td {border-style:solid;
border-width:2px;}
.coursename{width:50px;
浏览 0提问于2011-10-28得票数 1
3回答
我正在开发一个报表应用程序，它可以生成多行高、多列长(有时是40或更多)的HTML表格。
问题是，这些表中的许多都超出了它们所包含的div，而且看起来很难看。由于某些原因，包含的div不会扩展到表的大小。
所以，我的问题是:是否可以使用CSS使包含元素伸展到表格的宽度？
这是一个在最基本的层面上存在问题的。
浏览 1提问于2012-07-18得票数 3
回答已采纳
2回答
HTML表中的CSS宽度问题
、、、、
我认为自己精通CSS和HTML，但我无法用HTML表中的一列解决这个问题。下面是链接：
我已经做了很长一段时间了，并且使用了固定宽度、最小宽度、最大宽度，并且不知道当表的大小减小时，如何使最后的列(注释下)的大小正确。如果您缩小并增加了浏览器窗口，您将看到表的大小调整为适合。最后一列弹出到下一行，但当您减少足够的浏览器窗口时。
我知道这是没有响应性的，等等，我们稍后会做所有这些工作，但是现在我只是想让注释列中的内容缩小，并且适合它自己的专栏。
任何帮助都将不胜感激。
浏览 4提问于2013-08-31得票数 0
回答已采纳
我在我们的应用程序中创建了几个表，它们使用来固定第一列，其余的表内容在它下面滚动。
我面临的问题是，我想为x-overflow内容启用动量滚动，但是一旦我添加了-webkit-overflow- scrolling : touch；规则，它就会使整个表可滚动，并将固定的第一列行为重置为标准的表行为。根据，它创建了一个新的堆叠上下文。我假设这就是为什么它打破了绝对定位的第一列。
有什么办法可以解决这个问题吗？在没有动量滚动的情况下在移动设备上滚动表格是非常尴尬的，因为一旦我的手指离开屏幕，滚动就会突然停止。
截图：
HTML：
<div class="fixed-table-
浏览 14提问于2018-01-06得票数 2
回答已采纳
我有一个包含某些列的表。如果我添加列，那么表格div应该水平滚动。
假设我有10列，我又添加了2列。
所以我希望没有滚动到10列，如果还有2列，那么应该有overflow-x:scroll。
.horizontal_scroll_div{
}
.horizontal_scroll_div .scroll_table_div{
overflow-x: scroll !important;
}
.horizontal_scroll_div .scroll_table_div .table_section{
width:1200px;
}
<link href="
浏览 2提问于2017-06-08得票数 0
1回答
我有一张四栏的桌子。第一列和第三列的宽度必须为132 of。如果您在资源管理器上看到页面，两列都会尊重指定的宽度。但是在Firefox和Chrome上，列的长度达到206‘t，我不希望这种情况发生。
列
表
我已经把桌子摆好了--布局:固定.我已经为这些td指定了宽度、最小宽度和最大宽度到132 as，但是浏览器继续按照他们的意愿进行操作。
你能帮帮我吗?
更新
Fiddle:
列CSS
.cabecera {
width: 132px;
color: white;
max-width: 132px;
min-width: 132px;
浏览 2提问于2017-06-30得票数 0
我只是想了解一下使用CSS和使用表格的好处，但到目前为止我还没有被说服。对于CSS，我可以在一分钟内使用表完成的一些事情似乎并不那么容易(至少对我来说是这样)。所以，这个问题不是关于使用CSS与表格的优点。我需要知道如何使用CSS执行以下操作：
比方说，我有一个包含元素，需要分成两列，可以这么说：
<div id="idOuter">
<div id="idLeft"></div>
<div id="idRight"></div>
<div>
idLeft元素的宽度必须固
浏览 0提问于2012-06-16得票数 2
回答已采纳
1回答
在我的应用程序中，我尝试遵循MVVM。但是我被一个问题卡住了。用户输入存在于DB中并包含任意数量的列的特定表(比如tab_1)的名称。每列可以是以下任何一种数据类型- int、varchar、bool。我可以获得列名及其类型的列表。有没有什么方法(遵循MVVM模式)可以使用数据绑定获取每个列的输入，并将数据保存在表tab_1中？这些表是在运行时生成的。因此，只有当用户输入表的名称时，才可能知道实际的列数及其对应的数据类型。请帮帮忙。
浏览 2提问于2012-09-24得票数 1
1回答
我有一个包含20列的HTML表。在该表中，我希望前10列固定，其余所有列可水平滚动，如下图所示。
我试了很多，但我不知道该怎么做。有人能帮我解决这个问题吗？如果您需要进一步的信息，我可以为您提供相同的信息。
等待你的回复。
浏览 0提问于2014-02-14得票数 0
我想包括一个表在我的web应用程序的东西，有一个固定的，样式，标题和大小可调的列，并能够调整大小的列(由浏览器时调整为100%的表和由用户调整大小的列)，以小于内容和内容被截断(隐藏)。
另外，如果表格的正文(而不是标题)不能全部滚动，我想让它滚动。
目前，我并不关心它是否在每个浏览器上都能工作，我只需要它在基于webkit的浏览器上工作。
我尝试了很多不同的组合，包括大量的jQuery插件，将标题位显示为display:block，然后使用jQuery调整大小，甚至使用CSS3调整大小值，所有这些都没有提供我需要的所有功能。
有没有人知道支持这一点的东西，或者有实现这一点的代码？
浏览 0提问于2009-12-15得票数 3
回答已采纳
是否可以不在“main”列中而是在固定列中呈现空表消息？？有什么解决方法吗？发现实际问题。leftColumns it dataTable_empty的‘FixedColumns’将使用这个进行克隆，但这是框架外的固定列，因此在FixedColumns配置中
drawCallback: function (left) {
var tableSize = dt.api().rows().data().length;
if(properties.tableSettings.currentTableSettin
浏览 0提问于2017-10-23得票数 0
1回答
有没有办法在CSS中使用视窗宽度和元素的左侧位置来计算max-width？我有一个包含动态表的div，它可以根据上传的电子表格的列的不同而增长。我希望能够对容器应用最大宽度和水平滚动，这在100vw中很容易做到。不过，我还有一个侧边栏，用户可以切换。所以我认为计算最大宽度的最好方法是通过100vw - [left position of container div]，或者任何人都可以提出一个更好的解决方案。
浏览 7提问于2017-08-17得票数 1
回答已采纳
1回答
我正在使用Zurb基金会编写一个web应用程序，并且遇到了一个小问题。
我需要有一个响应表的固定头和固定的第一和最后一列与其他列之间的滚动，当宽度太小。
这有可能只使用CSS吗？
浏览 2提问于2017-08-05得票数 2
回答已采纳
4回答
我正在尝试修复primeNG表中第一列的宽度，但是它在某种程度上覆盖了我的CSS，即使它在检查元素时显示。
基本上，我在寻找CSS，通过更改选项卡，表的第一列将有一个固定的宽度，无论所有列的大小。
我已经尝试了定义第一个孩子的固定宽度的方法，但是它是基于宽度的:100%。
在上面的图像中，您可以看到大小是368，尽管它是100 it定义的。
同样，当我更改选项卡时，宽度是920，甚至100 as是固定的。
有任何方法，我可以定义固定宽度100‘t有表宽度:100%，因为我不想破坏响应？
以下是可复制的例子，供参考：
浏览 24提问于2021-05-19得票数 4
回答已采纳
1回答
我未能实现一个固定的表布局。如果一个表单元格的内容比它所包含的内容多，则表将被重路由，就像表布局被设置为auto一样。这是HTML代码
<!DOCTYPE html>
<html>
<head>
<title>Table test</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="<path here>" /&
浏览 2提问于2015-02-01得票数 0
回答已采纳
1回答
我正试图在我的存储过程中创建一个临时表，该表从另一个表即文本中获取一列数据。但我得到了
已使用的表类型不支持BLOB/TEXT列
消息。我怎么才能避开这一切？这是我的代码，2015Consumer_stage是包含文本列的表。
CREATE DEFINER=`root`@`localhost` PROCEDURE `uspLoadStateTables`()
BEGIN
DECLARE state varchar(2);
DECLARE rowcount int;
create temporary table statelist(TheState varcha
浏览 3提问于2015-07-17得票数 1
2回答
我需要用一个简单的交叉表显示一个表:前三列包含组级信息，其余的列包含和值。
我已经为不同类型的列、行等定义了所有css样式--但是当颜色规则被遵守时，所有的调整规则都被忽略了。我为每种类型的列指定了精确的宽度值--它们都被忽略了。我把桌子切成一个单独的文件，并确认了结果。我把列的数量减少到最小--相同的结果。我对小提琴做了测试-同样的结果。我在Firefox、Chrome和Opera中进行了测试--同样的结果(我正在开发一台mac，所以不需要测试IE )。
小提琴就在这里：
下面是HTML：
<div id="report-holder" class="repor
浏览 1提问于2014-02-05得票数 1
回答已采纳
2回答
我有一个表，其中的列包含随机大小的图像。由于这个image列，它改变了每一行的高度。
因此，是否有固定所有行的高度的选项？
下面是演示：
如果没有这样的选择，有没有其他的解决方案？
浏览 0提问于2017-06-28得票数 0
我试图找到一种简单的方法来创建一个1行，3列的表格使用css。我希望表格宽度为容器div的宽度，高度仅为1行。第一列和第三列应展开以包含文本的宽度。中间的列应该填充任何剩余的宽度(直到容器宽度)，并隐藏溢出。
我在中间那一栏遇到了麻烦。当我使用空格:nowrap和overflow:hidden时，它会将表扩展到超出容器div的宽度。
<div style="width:500px;">
<table style="width:100%;">
<tr>
<td style="white-sp
浏览 3提问于2013-04-19得票数 0
2回答
我知道这里有上百个关于固定列、表格中水平滚动的帖子--但大多数都不适合我，或者它们有一些限制，不允许我使用它。我试图解决这个问题，有一个包含所有冻结列的表，我希望有第二个表，它旁边有可滚动的列。但即使过了几个小时，我也搞不懂这事。我到处摆弄许多解决方案--嵌套的表格、容器--都没有成功。我试着向左/向右浮动，但问题是我的表显然太大了，因此总是浮动在下面。
所以我想要实现的是:左边有一个表格，上面有所有冻结的列--有一个包含内容的表格，它可以水平滚动。我如何包装我的两个表来实现这一点？
我使用的是Angular -所以我想用纯HTML/CSS/Angular来做这件事。我也不能使用一些现有的模块
浏览 0提问于2017-09-11得票数 0
回答已采纳
1回答
我有一个带有记分板的Wordpress主题(连续5个)。由于某些原因，我使用的CSS针对的是底部的表，但不会影响前两个表的列宽。
网站在这里：
正在使用的CSS是：
table > tbody > tr:first-child > td:first-child{width: 120px;}
.execphpwidget{ vertical-align: top;}
.widget th, .widget td {
padding: 0;
table-layout: fixed;
}
.widget .sam-column1{
width: 1
浏览 2提问于2016-04-18得票数 0
我有一个包含两列表单元素的JQuery UI对话框。我使用CSS float: left创建列。问题是对话框只显示一个列。我遗漏了什么？
浏览 6提问于2013-11-27得票数 0
回答已采纳
1回答
我有一个<table>，我希望它的宽度包含它的子<td>。
不幸的是，我只能将类分配给<td>列，而不能分配给<th>列-因此我不能像往常一样使用table-layout: fixed。表布局上的w3规范：
您知道如何使<table>宽度等于它的子<td>吗
HTML
<table>
<thead>
<tr>
<th>
First
</th>
浏览 0提问于2013-05-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
