问题标签 [colgroup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2688 浏览

java - java xml解析器异常:元素类型“col”的结束标记必须以“>”分隔符结尾

我想将一些 Html 字符串解析为 org.w3c.dom.Document,我使用这种方法:

这在大多数 html 上都可以正常工作,除了 html 字符串有“colgroup”和“col”标签(如下所示)

方法抛出的异常是:

根据w3schools, col 标签语法是正确的,我不知道如何解决这个问题。

0 投票
1 回答
444 浏览

html - 表 colgroup col 样式与 colspan 不一致

我正在尝试突出显示包含使用 span 属性的单元格的列,例如总体标题单元格。

colgroup我通过使用andcol标签以最明显的方式进行了尝试。不幸的是,这会产生不一致的结果。一个总体单元格用跨越它的第一列而不是连续的列突出显示(参见下面的示例)。

我可以看到,当在不同的列上使用背景颜色时,如果突出显示总体单元格,则必须同时具有两种颜色,这是不可能的。因此,我认为最一致的结果是它没有颜色。也许有一些属性或者我可以设置以获得一致的突出显示?

测试:https ://jsfiddle.net/m13d2arf/1/

0 投票
2 回答
14937 浏览

html - 我应该使用 and ,如果是,为什么以及如何使用?

我一直在尝试正确使用 colgroup 和 col 标签,但我不明白。我阅读了规范和所有内容,但我不明白它的目的或如何实现它。

0 投票
3 回答
3084 浏览

css - CSS col 可见性:折叠在 Chrome 上不起作用

我试图在 html 代码中隐藏一些 col。添加了使用MDN colgroup和col,我正在玩cols的样式。

带有内容的<td>文本“可见”在所有浏览器中都可见(好),带有内容的文本“隐藏”在 chrome 中可见(不好)并在 Firefox 和 Edge 中隐藏。(好的)。

我可以重新创建问题的最短代码在这里:

0 投票
1 回答
60 浏览

css - HTML col 类选择器

我在让我的类选择器.table-heading-column在我的 CSS 中工作时遇到问题。

我已经通过验证器运行了这个,我的 HTML 或 CSS 都没有错误。我已经用尽了我能想出的所有修复方法。我是 HTML 新手,所以没有任何错误,我无法真正找到问题所在。从我的课本中,我几乎复制了这个例子,并将它们更改为我自己的偏好。任何想法都会有所帮助,谢谢。

这是我的完整代码:

0 投票
1 回答
5054 浏览

css - 在 HTML5 中对齐表格列组中的文本

我正在尝试在表格中的一组列中对齐(中心)内容。我已经了解了colgroupcol元素(以前从未使用过它们)。我了解到这些元素具有align属性,但现在,在 HTML 中,它已经消失了。

在 w3school 服务上,我看到了这个注释:

兼容性说明

HTML5 不支持 align 属性。改用 CSS。

CSS 语法:<td style="text-align:right">

这是否意味着,列/列组的对齐功能已被删除,现在我必须在该列的每个单元格上放置样式/类元素?那么可以使用什么col和元素呢?colgroup我已经看到该设置background-color仍然有效。还要别的吗?

PS这是一个糟糕的体验,了解一个功能并立即学习,实际上你已经不能使用它了:/


编辑:正如@JLe 所问,我添加了这个示例代码:

所以我能够通过单元格样式将黄色单元格的内容居中,但我想问是否有办法将该对齐代码放入colgroup,就像我对红色列所做的那样,但它肯定不起作用。

0 投票
1 回答
76 浏览

jquery - HTML 表格嵌套选择器

我想从 colgroup 中选择某个单元格,但不知道如何。下面是一个例子:

我在这里尝试了大多数选择器形式,但它们似乎不起作用。我怎样才能达到我想要的?我还想#cell使用 Javascript 或 Jquery 选择元素。$('.first #cell')也不工作。$('.first').find('#cell')也失败了。

0 投票
2 回答
41 浏览

html - 溢出:隐藏在很长的单元格中不能在 colgroups 中工作

我在stackoverflow和google中搜索了很多。但未能找到解决办法。我有一个 11 列的表,其中第一列可以得到长文本(没有空格)。我已经适应了 colgroup 方法,但它对我不起作用。

表输出

我需要一个固定宽度的桌子。我正在寻找一个可以包装文本的解决方案。我试过了,word-wrap: break-word;但它给了我确切的输出。任何帮助深表感谢。

我尝试过的解决方案:

HTML 表格中的自动换行

How-do-i-wrap-text-with-no-whitespace-inside-a-td

0 投票
1 回答
33 浏览

html - 如何同时使用 col 和 rowspan?

我正在尝试复制此表: 第三个表头有问题,我不知道如何制作双行和那 5 列以及如何制作表行和表数据以使其适合表头。

我以前从未使用过 colgroup 和 rowspan,我尝试混合我找到的一些示例,但我没有成功。

这是我到目前为止所拥有的:

0 投票
1 回答
18 浏览

html - 如何将边框样式属性应用于标签?

我在使用 < colgroup > 标记在 CSS 中设置表格列的边框时遇到问题。

这是我试图运行的代码:

如果您自己运行它,您将看到,该代码不会产生我希望在表格的第一列周围具有的耐火砖边框。即使我将“border-spacing: 0em”和“border-collapse:collapse”应用于 <table> 标签,也不会出现耐火砖边框。

有谁知道我做错了什么?