display:表，在列thead上添加另一个thead
display:表是CSS中的一个属性，用于定义元素的显示方式。它可以用于控制元素的布局和排列方式。
在给列thead添加另一个thead时，可以使用display:表来实现。通过将列thead设置为表格布局，可以创建一个表格结构，然后在其中添加另一个thead作为表头。
使用display:表的优势是可以灵活地控制表格的布局，使其更加符合设计需求。同时，表格布局还可以方便地实现响应式设计，适应不同屏幕尺寸的设备。
应用场景：
- 在复杂的数据展示页面中，使用表格布局可以清晰地展示数据，并提供良好的用户体验。
- 在需要展示大量数据的报表或数据分析页面中，使用表格布局可以使数据更易于阅读和理解。
- 在需要实现固定表头或固定列的情况下，使用表格布局可以方便地实现这些功能。
推荐的腾讯云相关产品：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用和工作负载。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和管理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用和业务。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：提供全球加速、高可用的内容分发服务，可加速网站、应用、音视频等内容的传输。产品介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
我正在使用来自motti的对html表进行排序，我无法根据另一个列值对某一列进行排序。在我的例子中，想要对FULLNAME列进行排序取决于LASTNAME列的值，这个值基本上是hidden.Is --这是可能的？谢谢:-)
<table id="tblDetails">
<thead>
<tr>
<th>FULL NAME</th>
<th style="display:none;">LAST NAME</th>
<
浏览 1提问于2017-11-21得票数 0
回答已采纳
我正在使用display:table查看jsp页面上的一些报告数据。我想用它来利用csv/excel导出的显示表格标签。我需要在带有列名的列标题上添加另一个标题，它在逻辑上连接它下面的列。这是一个示例：
+--------------------------------------------+
| File || Record |
+--------------------------------------------+
+-----------------------
浏览 19提问于2016-07-25得票数 0
回答已采纳
我们正在使用如下所述的响应表：。
它通过创建一个具有固定左列的垂直表来转换该表。但是，已转置的标题行没有包装在空白上，因此不必要地扩大了表的宽度。
对于transposing，诀窍是在表行上使用display: inline-block;，在表体上使用white-space: nowrap;。
是否有在标题行中启用包装的解决方案？
JsFiddle链接：
以上技巧的代码：
table thead { display: block; float: left; }
table tbody {
display: block;
width: auto;
po
浏览 4提问于2015-04-22得票数 0
我在尝试用一些CSS在现有的HTML页面中嵌入表时遇到了问题。
默认情况下，此CSS使用如下样式定义隐藏表的标题：
.tablestuff thead {
display: none;
}
但是我想让表格显示出来，所以我试着用"display:block“(用javascript)设置thead元素的样式。这使标题显示，但标题的列与td列不对齐。
我已经将我的HTML压缩为以下内容(希望输入错误最少)，并在由javascript设置的thead元素上显示样式。
<div class="tablestuff">
<table border=&#
浏览 1提问于2012-08-28得票数 20
回答已采纳
我正在构建一个> 100行的html表，我希望表头保持可见。用户应该可以通过在前端单击鼠标来调整单元格的大小；如所示。
我尝试使用display: block来修复第一行。但是当我使用JavaScript调整表格大小时，来自thead的所有th都显示在tbody的第一列的宽度内。这可能与JS中的绝对位置有关。
table thead tr {
display: block;
position: relative;
}
table tbody {
display: block;
overflow: auto;
width: 100%;
height: 20
浏览 11提问于2019-08-05得票数 0
2回答
我在一个网页上有不同的表，但想触发Ajax (在这种情况下，更新表的列)上只有一个特定表。
实际上，学习将操作应用于“除X类之外的所有事物”的方法，就像了解如何将操作“仅应用于X类”一样好。
示例代码：
<table class="currtable1">
<thead>
<td colspan="5">
Table 1
<SELECT name="menu">
<option value="eur">EUR</option>
浏览 0提问于2017-09-19得票数 0
2回答
如何显示表顶部的水平滚动条？
、、、、
我有一个表，它有很多列，基本上，table有一个table-responsive类，它附带了这个CSS设置：
.table-responsive {
display: block;
width: 100%;
overflow-x: scrollbar;
}
它正确地显示了水平滚动条：
但问题是，这个滚动条出现在表的末尾，我希望这个滚动条显示在显示数据的表的顶部(第1行的顶部)。
那么，如何将水平滚动条移动到表的顶部(在<thead>之后)？
<table class="table table-bordered table-sm"
浏览 8提问于2022-09-12得票数 1
回答已采纳
3回答
在下面的代码中，我试图使一个长表可滚动( <thead>已修复)。
但是，这些列不再填充表的宽度，thead列甚至与tbody的列不对齐。
如何解决这个问题？还有别的办法吗。
代码
<table>
<thead>
<tr>
<th>ROW 01</th>
<th>ROW 02</th>
</tr>
</thead>
<tbody>
<tr&
浏览 2提问于2014-08-15得票数 1
回答已采纳
在打印巨大的HTML时，我需要这样做：
+-----+---------+-----+
| ID | Title | Qty | ⇐ descriptive header that shouldn't repeat
+-----+---------+-----+
| 1 | 2 | 3 | ⇐ column number that **SHOULD** repeat
+-----+---------+-----+
| aaa | bbb | 0 | ⇐ data; rows upon rows of data
... ...
浏览 2提问于2011-08-12得票数 3
回答已采纳
1回答
如何向表格添加水平滚动
、、、
我有一个表格，其中我有固定的标题和tbody上的垂直滚动。但是，此表中的列可以显著增加，我想添加水平滚动。当有超过3列时，表看起来不正确。
带有三列的JS小提琴(应该是什么样子)：
具有四列的JS小提琴(这看起来应该像三列小提琴)：
我认为有问题的类是header-fixed。它具有以下特性：
.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
content: ' ';
display: block;
visibility: hidden;
浏览 1提问于2018-04-24得票数 1
2回答
我有一个标准的html表，在它的行中有嵌套表。这些嵌套表是由插件生成的，我别无选择，只能使用这个布局。
我面临的问题是嵌套表适合于父表的第二列。我需要将标题放在嵌套表列的上方，并将它们与父表的第一列的头垂直对齐。
我想使用jQuery来实现这一点。我已经做了一个例子，我现在的布局是什么样子，我希望对齐的列标题被赋予了红色的背景颜色。下面是示例：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
浏览 3提问于2014-06-17得票数 0
回答已采纳
2回答
我已经创建了一个表，在该表中，我希望名称列中的所有值(它是隐藏的)。我使用了下面的jquery代码，它使用nth-child(4)来获取所有的值，但问题是这个表来自另一个应用程序，所以如果表在之间插入另一列，那么下面的代码就无法工作。我有一个作为name的列标题的id
有人能告诉我基于类或id获取列值的解决方案吗？
如何检查id是否存在或丢失，如果id丢失，则应用以下逻辑
$('#content table tbody tr td:nth-child(4)').each(function() {
console.log('seee:', $(this).
浏览 2提问于2015-05-09得票数 1
回答已采纳
1回答
是否替代表格来显示数据？
、、、
我试图在HTML中显示一个表，但它似乎无法满足规格。我希望数据在屏幕上的同一位置，否则它将导致用户的各种问题，因为他们误读了数据。所以我需要固定宽度的列。如果数据超过了窗口的高度，我也希望列标题固定下来，因为有些用户确实在使用它们。
如果可能的话，我不想安装任何第三方控件。不管怎样，店主是不会买任何东西的。我不介意与页面一起下载的东西。
我正在考虑用文本框或标签制作一个可滚动的div，但我想我应该检查一下，看看是否有人已经遇到了这个问题并提出了解决方案。
我在这里问：，但没有人知道哪里出了问题。
然后我在这里问：，这里的关键似乎是列宽。但是如果没有宽度，使用表格似乎毫无意义。
问这个问题：似乎
浏览 1提问于2015-07-02得票数 3
我使用一个表来显示有关在系统中注册的用户的信息。我想使这张桌子更“用户友好”时，显示在小型(移动)设备。
下面是：
<table>
<thead>
<tr>
<td>User ID</td>
<td>Role</td>
<td>Group</td>
</tr>
</thead>
<tbody>
<tr>
<td>Du
浏览 2提问于2015-12-11得票数 3
回答已采纳
1回答
首先，我不想调整表的列的大小。我正试着重新调整桌子的尺寸。
我在jQuery中发现的是html的位置是不正确的。在IE的调试器或任何浏览器调试器中都可以看到。
用这段代码。
jQuery：
$("table").resizable();
Html：
<table>
<thead><tr><th></th></tr></thead>
<tbody><tr><td></td></tr></tbody>
</
浏览 0提问于2015-02-04得票数 0
回答已采纳
9回答
使用CSS的表列样式
、、、
我有下面的HTML表。我需要给每个列一个背景颜色(第一列=红色，第二列=黄色，第三列=蓝色)。我如何使用CSS来完成这个任务呢？
注意:这需要在IE6上继续工作。
<table id = "myTable">
<thead>
<tr>
<th>
Name
</th>
<th>
Address
</th>
浏览 4提问于2012-05-24得票数 3
回答已采纳
1回答
我有一个响应式布局，在某个断点下，只显示表的第一列和最后一列，以减少所需的空间量。
这是CSS...
@media only screen and (max-width: 749px) {
#content-container table thead th {
display: none;
}
#content-container table thead th:first-child {
display: table-cell !important;
}
#content-container table thead th:
浏览 0提问于2013-02-19得票数 3
回答已采纳
1回答
我正在动态地创建表的thead。问题是，当我第一次调用我的方法时，它完美地创建了头，但是当我在同一个表上再次调用它时，它并没有删除前面的标头。如何清除以前的thead
<table id="tblActivitySummary" class="display nowrap" cellspacing="0" width="100%">
<span class="table-mainhead">Activity Summary</span>
</table>
浏览 4提问于2017-01-12得票数 0
回答已采纳
3回答
我正在尝试通过使用固定的表格布局和在th元素上使用内联样式来设置表格列的宽度。
.data-view__table {
table-layout: fixed;
width: 100%;
}
<div class="right-panel">
<div class="data-view" id="family-display">
<h2>Selected Family Overview</h2>
浏览 6提问于2018-08-08得票数 1
回答已采纳
1回答
在引导表详细信息视图中，每一行都有一个加号图标。我正在使用一些样式来删除加号图标。然后，它也会影响其他表。在其他表中，整个表的第一列也会隐藏。请给我一个解决办法。
.detail-view-table thead > tr > th.detail,
.detail-view-table tbody > tr:not(.detail-view) > td:first-of-type {
display: none;
}
.detail-view-table thead > tr > th:nth-child(2),
.detail-view-table tbo
浏览 2提问于2016-05-12得票数 0
1回答
我正在尝试将媒体查询应用于一个表，以便在较小的设备上隐藏可选列。
基于两个屏幕中断，我有两个要隐藏的列：
@media screen and (max-width: 33em) {
th.optional-1,
td.optional-1 {
display: none !important;
}
}
@media screen and (max-width: 43em) {
th.optional-2,
td.optional-2 {
display: none !important;
}
}
然后，我将class="optional-1
浏览 3提问于2013-10-23得票数 0
我尝试创建一个从另一个表克隆thead的固定thead。为了创建宽度与原始文件相同的所有td，我循环每个td并复制宽度。我希望有最好的性能，因为表可能有很多行(> 10000)。我认为循环花费的时间取决于原始表中的行；例如，100行循环9列需要10ms，15000行循环350ms……为什么？我只迭代了原始表的thead，它总是有1行和固定的列数...
代码：
var originTbl = document.querySelector("div.origin table.mytable");
var originTbl_Head = originTbl.querySele
浏览 0提问于2018-10-18得票数 0
3回答
您好，我目前正在创建一个表，第一个标题的文本内容比其他标题小，而它在主体上的对应列有更宽/更大的内容，因为它是一个组的名称。我想要实现的是，标题和内容上的列应该有相应的宽度，这取决于它们中的哪一个更宽。
下面是表中的小提琴：
//HTML
<h2>Header fixed</h2>
<br/>
<br/>
<table>
<thead>
<tr>
<th>HEADER</th>
<th>HEAD
浏览 0提问于2018-05-24得票数 0
1回答
将标题的列与正文对齐
、、、、
这里有一个表，没有任何<thead>和<tbody>的设置。它看起来像这样： 我必须使表格可滚动，所以在本例中，我向<tbody>添加了以下样式： display: block;
height: 475px;
overflow: scroll; 现在，<tbody>的高度是475px，并且可以滚动。这个问题已经解决了！ 但现在<thead>看起来不太对劲： 为了解决这个问题，我添加了<thead> display: table; 现在看起来更好了： 但是，列标题仍然不与列对齐。 如何解决这个问题，使表格看起来像是在添加滚
浏览 10提问于2021-01-15得票数 0
3回答
我有一个包含4列的表，其中一列有一个按钮。我希望当按钮接收到单击时，要排除该按钮的表行。
由于表格行是在单击另一个按钮时动态插入的，因此按钮的ID是动态的，这阻止了我使用表格上按钮的ID作为选择器。
然后，我将执行以下操作:在按钮上单击，我想找出表的哪一行是按钮，然后删除此行。
有什么建议吗？
在我正在操控的桌子下面。
<table id="tbIngredients">
<thead>
<tr>
<th id="cod"> Code </ th>
浏览 2提问于2011-11-12得票数 2
1回答
我有html表打印与重复页眉和页脚。一切正常，文件自动中断。但是现在我想在任何元素之后打破页面。我使用css属性分页后，并将其设置为“始终”。是的，起作用了，但我有另一个问题。一页接一页，不要重复表格的页眉和页脚。怎么啦？
浏览器: IE8。
打印样式：
table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}
Html
浏览 5提问于2011-07-27得票数 12
1回答
CSS引导带固定标头
、、、
是否可以在引导程序中创建一个表，如：
固定标题和可滚动的内容(如 )
列的大小需要与列的内容成比例(较宽/较小的列依赖于内容)
如果可以显示更多列，则可滚动x轴。
列有最小宽度和最大宽度
到目前为止，我只找到了一个解决方案，它需要使用像这样的flex方法来知道正确大小的列数。
table {
box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: stretch;
hei
浏览 2提问于2017-02-13得票数 2
回答已采纳
1回答
在角2\4表中按下键
、、、、
我如何编写一个功能，用于向上键和向下键，跨表格单元格角？(就像我们使用向上和向下箭头键在excel工作表中的单元格中移动键一样)。
这是我的代码：
<table>
<thead>
<tr>
<th class="under-below" *ngFor="let col of columns">{{col.display}}</th>
</tr>
</thead>
浏览 3提问于2017-09-15得票数 3
回答已采纳
我有两个表(table1，table2)，它们在结构上是相同的，但是来自不同的源。这两个表共享'display‘类，我用它来初始化两个表的插件。这在大多数情况下都很有效，但是在table1上复制了table2的列过滤器选择菜单。
我试图通过使用' this‘关键字来指示每个过滤器需要应用到的工具栏的特定实例来解决这个问题，但没有取得太大成功。
可以工作的代码是：
HTML：
<table id="table1" class="display table-striped table-borded table-hover" cellspacin
浏览 6提问于2017-01-05得票数 0
回答已采纳
1回答
我尝试在每个循环中使用引导行和列类，一些额外的空格显示为意外。
首先，我使用了以下代码，并且运行良好。
<table border="0" id="myTable" class="table" >
<thead border-bottom="0">
<tr>
<th border-bottom="0" style="display: none;">Gem</th>
浏览 3提问于2017-05-02得票数 1
回答已采纳
我试图得到每个列的和，并在页脚中显示结果。我使用的是数据提供的函数。但是，它没有在页脚中显示任何内容。
数据解释
“请注意，如果表没有the元素，则不会触发此回调。”
所以我已经在表中添加了脚底，这样回调就会被触发
<table id="monthlytable" class="display" cellspacing="0" width="100%">
<thead></thead><tfoot></tfoot></table>
回调功能：
&#
浏览 6提问于2017-02-01得票数 1
我已经创建了一个复选框的隐藏/显示表格列，在单击复选框表格列被隐藏之后，它现在运行良好，但是我面临的问题是让表在一个表中一起显示所有列。这是我的代码：
$("input:checkbox").click(function(){
let column = "."+$(this).attr("name");
$(column).toggle();
});
$("#display-all").click(function(){
let column = "."+$(thi
浏览 3提问于2020-04-16得票数 0
回答已采纳
我在jsfiddle中为目前的代码添加了一个更简单的示例
我有两个问题，第一个问题是，内表的列比外部的列多，最后它会流过流。我想使它是相同的宽度与外部(75%的窗口)，然后任何额外的列，通过滚动滚动使用滚动条。
第二个问题是水平滚动条似乎显示在父表中。我假设这与第一个问题有关，因为内部表溢出到外部表之外。
.container{
width: 75%;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
height: 75vh;
}
.container table{
table-layout: fixe
浏览 11提问于2022-08-08得票数 1
回答已采纳
我试着在safari上做一个简单的响应表。
我正在尝试在小屏幕上将所有表元素设置为display:block，这样它们就会堆叠在一起。
@media only screen and (max-width: 760px) {
table, thead, tbody, th, td, tr {
display: block;
}
td:empty {
display: none;
}
}
该技术在中进行了解释。
我正在尝试让正常工作，我得到的结果是：
浏览 1提问于2016-05-14得票数 0
2回答
我使用了table来显示记录列表。它有很多行和列。如果我打印这个表，表头会显示在第一页。在第一页之后，不会显示标题。我在谷歌搜索中找到了很多网站。我遵循了这种方法，但我无法实现。我没有意识到这个错误。这是我的css。
<style type="text/css" media="print" >
table td {
border-bottom:1px solid gray;
}
th {
font-family:Arial;
color:black;
background-color:lightgrey;
}
thead {
disp
浏览 5提问于2012-09-15得票数 1
2回答
我想隐藏标题行，使其在表格上不可见。(从桌面和移动设备查看时都是如此)
我试过了：
"drawCallback":function(settings ){$("#mySelection thead").remove();} ,
虽然这段代码似乎以我想要的方式呈现表格(无标题)，但它也会影响这里使用的按钮的输出。这些按钮设置为输出任何可见的内容(根据列的可见性进行切换)。
不幸的是，这段代码不仅删除了导出输出中的标题，还删除了表中的所有数据。
当我尝试时，同样的事情也会发生：
$("#mySelection thead").hide()
有没有办法
浏览 3提问于2017-08-19得票数 0
回答已采纳
1回答
我正在尝试添加一个水平滚动的表格，只有当表格溢出。表格 .display {
width: 100%;
display: block;
overflow-x: scroll;
white-space: nowrap;
} <table class="display">
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Date Time</th>
<
浏览 7提问于2020-12-26得票数 0
2回答
我使用HTML表格在网页上显示我的内容。我很难弄清楚如何在列内容悬停时显示列内容。例如，如果我在表中的一个单元格(启用了工具提示)上徘徊，该单元格的内容应该出现在工具提示中。
我目前正在使用JavaScript &J查询来构建表，我在表中包含了要显示的静态数据：
var AuditLog = [
{ UserID: "DJoe1", Action: "loggedIn", Date: "17 July 2014 11:02", AppID:"MyRoster", DeviceID: "-", Not
浏览 0提问于2014-07-16得票数 3
回答已采纳
表的HTML类似于下面的(in tbody, data is loaded from an ajax call)
<table class="table table-sm table-bordered text-center">
<thead class="text-center text-white">
<tr>
<td>Country</td>
<td>Crop</td>
<
浏览 0提问于2020-05-07得票数 0
2回答
通过代码隐藏表列
、、、
我知道有很多关于隐藏列的帖子，但我想补充另一个问题。下面是php生成的html的一段代码：
<table id="dataGrid">
<col style="display:none">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:tab
浏览 1提问于2013-07-23得票数 0
我有一个场景，我正在根据通过websocket接收的数据来填充我的数据表。所以我想最好的方法是在html中创建一个空表，然后通过API添加数据。 假设我希望我的最后一个表看起来像这样： <table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
浏览 6提问于2021-03-18得票数 1
回答已采纳
5回答
我正在尝试控制表体的高度，以便当显示的数据超过视图大小时出现滚动条，标题必须保持可见。同时，我试图控制表列的宽度。
表格高度可以通过在表体css中设置'display: block‘来控制。表体现在将受容器高度或表体设置的任意高度的限制。不过，这会打乱列宽。
列宽可以通过根据需要进行设置来保证。只要tbody没有设置为“display :block”，列就会正常显示，但tbody会失控，并忽略您设置的任何高度。
我正在尝试这样做，以使结果可以轻松地符合508章的屏幕阅读器技术的残疾人。在这一点上，我计划转换为jquery.dataTables，它将一个视图端口放在表的顶部，这样我就可以
浏览 0提问于2014-04-11得票数 0
我在我的rails应用程序中使用jquery 的表插件，如果发生了一些操作，例如如果单击了一个按钮，我会寻找一种删除整个列的方法。
表：
<table id="words" class="display" data-source="<%= url_for controller:"words", action: "index", :format=>:json %>" >
<thead>
<tr>
<th><%= l(:name
浏览 1提问于2014-11-28得票数 0
回答已采纳
我使用SEJDA 和，将转换成PDF。在这个HTML中，我有多个具有可变行数的表，每个表都有一个可变的高度、一个可变的列数等等。
有时，一个(或多个)表足够长，可以显示在多个页面上，因此我可以有一个只有行tbody但没有thead“标签”的页面来判断每个列可以表示什么。
是否有适当的方法强制在显示表的每一页上显示thead？"css位置:固定“解决方案不是一个好方法，因为可能有多个表，而且不是所有的页面都有一个表。
浏览 5提问于2020-11-16得票数 0
我希望在不使用jquery的情况下实现以下结果：
数据在两个轴上都可以滚动的表。
表的第一列(表标题)和第一行应该是固定的，并按照输入的数据自动调整该列的宽度，类似于google电子表格。
上面的图像显示了我尝试过的内容，包含表的元素对水平滚动具有溢出-x: auto，对于固定的表头，元素具有垂直滚动的style="display:block;height:400px;overflow-y:auto“。也有一些元素包含mat元素。
以下是上述图像的html代码：
<div style="overflow-x:auto">
浏览 0提问于2019-08-16得票数 1
回答已采纳
2回答
我所做的似乎可以在firefox和IE上工作，但不能在safari上工作。
我有这样的东西
<table>
<thead>
<tr>
<th style="display: none;">hi</th>
</tr>
</thead>
<tr class="someClass">
<td style="display: none;"><span>hi</span><
浏览 8提问于2011-02-23得票数 1
回答已采纳
4回答
我对jQuery和CSS非常陌生，希望有人能在以下方面帮助我：
我有一个标准的HTML表，其中包含一个colgroup、thead、tbody和几个tr和td，并且希望使用一个CSS类来隐藏某些列。
我的CSS类如下所示：
.hideAll
{
display:none;
}
应用这个类的最佳/正确方法是什么？在团队中，在头上，在tr或td中，还是在同一时间里？
我的桌子看起来像这样：
<table>
<colgroup>
<col />
<col />
<col />
浏览 10提问于2013-11-23得票数 1
回答已采纳
我想要一张有固定头部的桌子，这样身体的其他部分就可以滚动。问题是我需要用来做这件事。
我可以做到这一点，而且我已经这样做了，但是，每个解决方案都会使具有不同字符的表列不对齐，请检查此映像：
这个有边框，所以你可以看到问题：
这是我正在使用的CSS，并生成上述结果( scroll类在表中)：
.scroll {
border: 0;
border-collapse: collapse;
}
.scroll tr {
display: flex;
}
.scroll td {
flex: 1 auto;
}
.scroll thead tr:af
浏览 1提问于2016-06-17得票数 3
回答已采纳
2回答
编辑：我自己没有构造这个表。绝对不应该以这种方式构造表，这是我将来要实现的修复方法。但不幸的是，后端代码依赖于这种精确的表结构--每个内部表都有自己的类名、id和触发器函数，等等。
我在处理一个由多个表组成的表时遇到了这个问题--一个表是表本身，另一个表构成了头，另一个表组成了<thead>，而另一个表组成了<tbody>单元格(<td>)中的divs -如下所示：
<div id="myTableContainer">
<table id="myTable">
<thea
浏览 3提问于2014-09-17得票数 0
1回答
我正在尝试创建一个具有固定列宽的表，以及一个固定的最大高度，它会滚动到最大高度以上。
环顾四周，我会使用表格布局:固定和指定列宽来完成第一项任务。我会设置最大高度，溢出:自动和显示:块在表上完成第二个.
然而，他们似乎并不是在一起工作。这些列大约是预期宽度的一半。
我的尝试：
<table>
<colgroup>
<col style="width: 30%">
<col style="width: 50%">
<col style="width: 20%">
</co
浏览 0提问于2019-03-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
