问题标签 [colgroup]

How to align all columns by colgroup? It works with colspan?

Example

This HTML here was tested with Firefox and Chrome, but no browser renderize the center for all expected columns.

Use this example (copy/paste to) at w3schools.com/tags.

PS: What is wrong with align and valign attributes? Style (by text-align) also not responding.

EDIT

As I said above, I need a solution "by colgroup". It can be also "by colgroup or col tags with style attribute".

My template system need to use colgroup (!), not is valid a solution without colgroup. My system not need to compatiple with HTML5, it uses something like "XHTML module" (see ex. DTD).

Related questions

• Is html <COL align> deprecated? : not the same, because my problem is about XHTML, not about HTML5 (that is not XML and is a "plan for future standard").

我试图弄清楚如何将 a<table>放入 Susy 网格中。这意味着 a<td>或 a<th>应该与 Susy 网格列或多个 Susy 网格列一样宽。

我的想法是将元素设置为Susy函数<col>返回的宽度。space()喜欢：

(HTML)

和：

(SCSS)

好吧，它不起作用；）

有人建过这样的表吗？如果你让我知道，我会很高兴的！

ps：我打算尝试设置一个jsfiddle

我让我的 colgroups 动态生成，他们用背景颜色为每个组设置样式。有没有办法在每个组的顶部添加标签？

我的 colgroup 看起来像这样：

这是它的渲染方式：

如何在每个组的顶部放置标签？我无法选择它们来进行这种更改，所以也许有一个 jQuery API 甚至是它的插件？

刚发现<colgroup>标签。试图用它来切换列。适用于背景颜色之类的东西，但不能隐藏。

http://www.w3schools.com/tags/tag_colgroup.asp

table-column 也是一个显示属性，所以我在想，是的，太好了！

http://www.w3schools.com/cssref/pr_class_display.asp

不过好像没那么简单。线程和讨论倾向于深入到高级 jQuery。为什么是这样？

我的桌子是这样的：

等等

使用切换按钮：

而这个JavaScript：

从这个文件： http: //flamencopeko.net/bpm_calc.js

这是测试页面： http: //flamencopeko.net/bpm_calc_col.php

我正在使用 Richfaces 在 Jsf 中工作。我通过添加一个 javascript 文件来自定义 rich:extendedDataTable 以允许调整列的宽度。所以我有一个rich:extendedDataTable 作为头表，我执行以下步骤：

1. 该表包含许多行数据。
2. 我双击一行我得到了该行详细信息的另一个表（丰富的：extendedDataTable 也是）
3. 我在详细信息表中选择一行，然后在按钮中选择一行（键入“h：commandButton”）以将其信息导出为 pdf 文件
4. 我回到主桌

所以我失去了调整列大小的行为，这是我的问题，我在出现问题之前和之后使用谷歌浏览器进行调试，这是重要差异的结果：

前：

后：

我有一个 HTML 表格，其中有几个colgroups我在周围加上了边框。我想在相邻组之间添加一些空间。有没有办法在 CSS 中做到这一点而不在组之间添加空单元格？

所需的输出如下所示：

编辑

到目前为止，看起来只有 css 无法做到这一点。我会拭目以待，看看是否有人确实有一个实现这一目标的答案，但现在，我正在使用间隔单元方法。这并不理想，但看起来相对干净的解决方案。这是一个工作示例：

http://jsfiddle.net/7ps6cuss/3/

问题：我的两列表格的每个表格单元格都需要 50% 宽，但是当有一个单单元格表格时，正常的单元格规则不适用，它占据 100%，因为表格是 100%。我的 CSS 看起来像这样：

我尝试了所有我能想到的 CSS 组合并得到了 nada。我为此放弃了 CSS。

所以现在我想强制我的表格呈现两个单元格，即使标记中只存在一个单元格。我正在尝试使用 来做到这一点<colgroup> <col span="2"> </colgroup>，但它似乎也不起作用。

问题：当只有一个表格单元格存在时，如何强制我的表格呈现两个表格单元格？

JS 小提琴：http: //jsfiddle.net/uryvmz57/

Using a combination of CSS and plain HTML, I am trying to get a table that has 3 groups of columns. I only want the groups to have vertical rules:

Here is what I have so far:

This gets me vertical rules on ALL the columns:

I'm trying to avoid nth-child as the solution should suit IE 8.

我的最终目标是创建一个表，该表的第一列保持不变，但其他列水平滚动。我找到了其他一些解决方案，但很好奇为什么 colgroup 和 absolute 似乎不能一起工作。

html

CSS

当我取消注释位置并离开时，红色不再出现。

虽然这个问题已经出现在这个论坛中，但它并没有解决我的特定问题，因为我的列是在表格行元素中专门定义的。我尝试过使用 colgroup 和 colspan，每次添加都会导致更多错误和警告。我不明白的是，我的计数不是用我可以看到的 (4) 建立的。我猜括号内的 4 表示 4 列。在我的研究中，我访问了 w3.org 表结构、WDG，并观看了许多 Youtube 视频，此外还咨询了 Web Development & Design Foundation 文本第 7 版。如果我理解警告的意思，我可以解决这个问题。所以我来这里寻求帮助。这是我的代码。我会很感激任何建议或线索。

我也将包含 CSS 代码：