使用纯CSS切换表格单元格

文章/答案/技术大牛

发布

1回答

css、toggle

有没有办法使用CSS no JavaScript来切换(显示/隐藏)表格中的列或行？border: 1px solid #333;tfoot { color: #fff;</style> 如何切换表格的列或行

浏览 13提问于2019-10-05得票数 1

1回答

2-3 div -都有最高的div的高度最后的div占用其余的空间。

html、css

是否有可能仅用HTML和CSS来解决这个问题？

浏览 4提问于2014-08-22得票数 0

1回答

我有一个标准的HTML表格，它有一些边框，在大多数浏览器中都会出现，比如Firefox，但在Chrome中，当其中一个单元格被隐藏时，边框就会消失。单元格被设置为display: none，边框不在tds上，而是在tr和table元素上。不管怎样，Chrome把它当作不存在的东西，直接跳过它。CSS：.hide-dm, .hidden, .hide-training, table.hide-dm, table.hide-training, .hide-ca { display: none

浏览 15提问于2018-01-13得票数 1

3回答

是否仅突出显示所选元素，而不突出显示其父元素？

jquery、css

function(e) { e.stopPropagation(); $(this).stop(true, true).removeClass("highlight"); }css

浏览 2提问于2014-01-28得票数 0

2回答

为什么两个表不能正确对齐？

html

这似乎是非常简单的HTML或CSS问题，但我无法弄清楚。唯一的区别是第二个表使用了一些输入元素，而不是纯文本。

浏览 2提问于2016-09-23得票数 0

3回答

如何将高度设置为填充父节点的高度？

html、css、css-tables

我想尝试使用纯CSS和div/span元素来生成一个HTML表。我现在有以下的。但是这个表格单元格..。编辑：我使用纯CSS而不是表元素来提高性能。 EDIT2：可以模拟colSpan和rowSpan吗？

浏览 6提问于2013-04-17得票数 0

8回答

在CSS中模拟表格布局

css

到目前为止，我的所有网站都使用了表格布局，但现在我希望尝试使用纯CSS布局。但是我真的在挣扎！如何在CSS中模拟以下内容： <tr> <td>Some Content 2</td></table表格中两个单元格的大小是图像的

浏览 13提问于2010-01-05得票数 2

1回答

我有一个带有" menutable“类的单元格，也有一个带有" gallery”类的div，我想当鼠标移到menutable div上时，gallery div就会显示出来

css、html、hover

我有一个带有" menutable“类的单元格，也有一个带有" gallery”类的div，我想当鼠标移到menutable div上时，gallery div就会显示出来 <div class="gallery" > </div>这是css<

浏览 0提问于2014-01-15得票数 0

1回答

具有不同高度的子行(嵌套单元格)的角度材料表

angular、css、flexbox、angular-material

我想创建一个带有模拟子行的嵌套单元格的表格。如果每个单元格的内容不超过嵌套单元格(A)的最小高度属性值，它就可以正常工作。 (*)我知道我们可以使用javascript将表示某些子行的所有单元格的高度设置为max(该子行中所有单元格的高度)，但我更喜欢纯HTML/

浏览 2提问于2018-02-23得票数 1

回答已采纳

1回答

如何使用纯CSS交换表格单元格

html、css、css-tables

我正在寻找是否有人知道如何使用纯CSS交换表格单元格位置。因此，我正在寻找一个很大的帮助，以交换立场的左和右使用纯CSS。

浏览 3提问于2013-08-12得票数 0

回答已采纳

7回答

CSS表格-单元格等宽

html、css、html-table

我在一个表格容器中有一个不确定数量的表格单元格元素。;"> <div style="display:table-cell;"></div>有没有一种纯CSS的方法可以让表单元格的宽度相等，即使其中有不同大小的内容？我想有一个最大宽度需要知道你

浏览 2提问于2012-05-10得票数 152

回答已采纳

4回答

在html表格单元格中强制换行符

html、css

我正在尝试找到一种方法，在表格单元格中的文本变得比最大允许大小的50%更长时强制换行符。没有任何JS函数，只使用纯HTML和CSS，我如何做到这一点？

浏览 77提问于2011-07-27得票数 34

回答已采纳

3回答

内容感知CSS* -仅当内容可用时才应用样式*

html、css

有没有可能让css样式知道它所应用的元素是否包含某种内容？我目前正在使用表格(因为最终用户使用cms来创建页面)，每个单元格都有一个css<tr> <td class="someClass">Test value 3</td>

浏览 4提问于2012-01-30得票数 43

回答已采纳

1回答

引导2.3.2表行中的拆分按钮下拉列表

html、css、twitter-bootstrap、twitter-bootstrap-2

右边的下拉列表位于表格单元格中，这在桌面浏览器上可以正常工作。 

浏览 2提问于2014-10-09得票数 1

回答已采纳

2回答

多色表单元格-淡入淡出效果

css

需要帮助创建具有相同多色效果的表格。顶部单元格为深蓝色，下部单元格为淡蓝色。 

浏览 0提问于2015-05-18得票数 2

1回答

没有选择器的jquery siblings()不起作用

jquery、html、selector

简单的表格： <th colspan="2">Saved Schedules</th> $(".schedules td").click(function(){ $(this).css("background-color&q

浏览 1提问于2011-02-22得票数 2

回答已采纳

3回答

为什么html表格单元格中的按钮会扩大单元格？

html、forms、button、html-table

我尝试用以下代码将一些按钮放入表格的单元格中(注意:没有CSS，没有JS，只有纯html)： <td> </td> <&#x

浏览 3提问于2014-03-26得票数 0

回答已采纳

2回答

使td小于它的内容？

html、css

使用纯css，并且不改变DOM，有没有办法使表格单元格比它的内容更小？将td的宽度设置为小于它的子级，只会使它与它的子级一样大。我还试着添加表格布局:修正到表，但这没有任何区别。HTML:<tr> <td class="mycell"><div/></td> &

浏览 2提问于2013-02-25得票数 4

回答已采纳

1回答

空格: nowrap不能使用浮点数-无法在我的表格单元格中容纳星级

html、css、user-interface

这是一个纯css问题，我有一个超过13列的表格。表格的宽度是固定的，每一列都有一个百分比值(我不确定这是不是最好的方法)，我在表格中有一个5星的评级表格。问题是，我希望它作为单行元素适合表格单元格，如下所示但无论我做什么，它都会在表格中大幅调整自己。这是js小提琴。有人知道怎么解决这个问题吗？

浏览 1提问于2015-02-20得票数 1

2回答

不支持电子表格中的换行和超链接的HtmlService表

javascript、html、hyperlink、google-apps-script、google-sheets

我正在编写Google脚本，使用HtmlService将电子表格中的数据显示到HTML表中。但我面临以下两个挑战：如果电子表格单元格值将行插入其中，则表将其显示为单行。如果电子表格单元格有超链接，例如链接到Google文件，它会在表格单元格中显示为纯文本。我试着把电子表格单元格值写成<a href="url of file">File Name</

浏览 2提问于2015-11-04得票数 3

回答已采纳

点击加载更多