问题标签 [html-table]

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 投票
2 回答
1578 浏览

html - 为什么将子元素设置为“width:80%”时会缩小?

我有一个表格,当我将嵌套元素的样式设置为width:80%时,其中一个左列会缩小。该列缩小并截断输入元素的右边缘。您可以通过从输入元素中删除样式来了解我在说什么。

我有一种感觉,这是因为列的大小是基于子级的,但是通过根据父级调整元素的大小,我创建了一个“catch 22”。

有人可以告诉我发生了什么,以及我如何保持相同的列宽,并将我的元素调整到其宽度的 80%?

0 投票
3 回答
51796 浏览

javascript - jQuery - 内联编辑表格行

我有一个包含任意列和行的表。这个事实无关紧要,但实际上,我要做的就是开发一个函数,它将一行(或多行)转换为一系列包含表中数据的文本输入(如果单元格中没有数据,则为空)。

我找不到任何明确这样做的人的例子,所以我想知道这里的人认为什么是找到解决方案的最佳方法。

0 投票
21 回答
211615 浏览

jquery - 如何在表格行上使用 slideDown(或显示)功能?

我正在尝试向表格添加一行并让该行滑入视图,但是下滑功能似乎正在向表格行添加一个 display:block 样式,这会弄乱布局。

任何想法如何解决这个问题?

这是代码:

0 投票
3 回答
3891 浏览

css - 带 img 的 CSS 列标题 - 如何将 img/div 停靠在右侧?

我有一个 HTML 表格,用作网格视图的列标题。单击列标题会触发使网格视图排序的 javascript,并且显示列已排序的图标显示在列文本旁边,类似于以下内容:

该表格具有表格布局:固定,文本范围具有溢出:隐藏,文本溢出:省略号,空白:nowrap。

当文本很长时,我确实得到了我想要的省略号效果,但是排序图标精灵(设置了宽度和背景的 div)被从表格单元格的右侧剪掉了。有什么建议可以通过 CSS 确保排序图标优先于省略文本的空间?如果一列是“排序的”,我希望排序 img 始终存在并且具有文本椭圆而不是文本将 img 推出单元格的可见空间:

0 投票
4 回答
25989 浏览

html - 通过 XSL 交替行颜色的 HTML 表格

在 HTML 表格中交替行颜色的最简单方法是什么(也称为条带化)。我的大多数表都是在 XSL 模板中创建的,如下所示,表、thead 等在另一个模板中定义。

我的偏好是在元素上使用交替类。

0 投票
10 回答
638 浏览

html - CSS还不能做什么?

不久前,我试图找出一种不使用表格布局的方法:

最终我放弃了,并决定没有表格是不可能的(好吧,CSS 3 或许可以,但再等 5 到 10 年是不切实际的)。

有没有人有更多这样的例子?(或者更好,你能告诉我我错了吗?)

0 投票
5 回答
32820 浏览

html - 如何设置宽度以在视觉上截断其显示的内容?

我正在尝试设置表格的列宽,它可以正常工作,直到它达到子元素在视觉上被截断的程度......然后它的大小不会再小了。(“视觉上被截断”——不合适的东西似乎隐藏在下一列后面)

这是一些示例代码来演示我的问题:

我尝试以不同的方式设置宽度,包括

我意识到,我可能会使用 DIV,但我不想这样做,因为表是从绑定控件生成的,而且我真的不想重写 asp.net 控件。

话虽如此,我认为作为最后的努力,我至少可以用 DIV 包装每个 'td1' 的内容,溢出会处理好事情,但甚至替换

没用。

有人知道我如何设置宽度以在视觉上截断其内容吗?

顺便说一句-我的目标浏览器是 IE7。其他浏览器现在并不重要,因为这是一个内部应用程序。

0 投票
11 回答
59870 浏览

html - 可滚动div内的冻结表头

我有三个div。页眉、中心和页脚。中央 div (gridview) 中有一个表格,它几乎总是比外部 div 长。所以我让这个 div 可以垂直滚动。问题是:如何使表格标题在 div 向下滚动后可见?我本可以使用单独的 div 或表格完成此标题并使其固定,但表格中列的宽度并不总是相同 - 所以我不知道如何保持标题中列的宽度。有什么线索吗?

0 投票
2 回答
16210 浏览

javascript - 在 HTML 表格中模拟 Excel 的“冻结单元格”

可能重复:
如何在滚动时锁定表格的第一行和第一列,可能使用 javascript 和 CSS?

我有一个包含大量行和列的 HTML 表。顶行包含标题,下面每行中的第一个单元格包含标题。

我需要允许用户滚动表格,同时保持顶行和左列始终可见(类似于使用 Excel 中的“冻结单元格”选项可以实现的效果。

该解决方案只需要适用于 IE7+,因为它适用于内部应用程序。

理想情况下,该解决方案应该在其他浏览器中正常降级,但这不是必需的。

我的预感是有一个 JavaScript 解决方案来解决这个问题......

0 投票
3 回答
11739 浏览

javascript - 在 HTML 表格单元格中插入日期

我希望在网页上垂直排列的表格单元格中显示一系列日期(主要是月、日、年)。第一个日期需要是当前日期减去一天,序列中的下一个日期是当前日期,其余日期需要在未来的一天内递增到 16 天。

有人可以帮我弄清楚如何做到这一点吗?我已经查看并理解了用于操作和显示单个日期(加或减)的 Javascript,但无法在单元格中获取该日期,也无法弄清楚如何在 HTML 表中显示上述其他多个日期。