问题标签 [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 投票
7 回答
85263 浏览

html - 如何在 HTML 或 CSS 中指定表格单元格的绝对最小宽度

概括

确保表格单元格不能小于某个最小宽度的最佳方法是什么。

例子

我想确保表格中的所有单元格相对于表格容器的宽度至少有 100 像素宽。如果有更多可用空间,表格单元格应填充该空间。

浏览器兼容性

我可能想找到一个适用的解决方案

  • 即 6-8
  • 法阵2-3
  • 苹果浏览器

按优先顺序。

0 投票
9 回答
25431 浏览

javascript - HTML 拖放可排序表格

曾经想要有一个 HTML 拖放可排序表,您可以在其中对行和列进行排序?我知道这是我会为之而死的东西。有很多可排序的列表,但似乎无法找到可排序的表。

我知道您可以非常接近 script.aculo.us 提供的工具,但我遇到了一些跨浏览器问题。

0 投票
27 回答
16449 浏览

html - 是否应该不惜一切代价避免在 HTML 中使用表格?

建议在 HTML 页面中使用表格(现在我们有了 CSS)?

表的应用有哪些?表格有哪些 CSS 中没有的特性/能力?

相关问题

0 投票
3 回答
45533 浏览

html - 如何将 HTML 表格拉伸到浏览器窗口高度的 100%?

我正在使用表格来设计网页的布局。我希望表格填满页面,即使它不包含太多内容。这是我正在使用的 CSS:

我在页面代码中放置了这样的东西:

这适用于 Opera 9,但不适用于 Firefox 2 或 Internet Explorer 7。有没有一种简单的方法可以使该解决方案适用于所有流行的浏览器?

(添加id="container"td没有帮助。)

0 投票
37 回答
1429926 浏览

html - 使一个 div 填充剩余屏幕空间的高度

我正在开发一个 Web 应用程序,我希望内容填满整个屏幕的高度。

该页面有一个标题,其中包含一个徽标和帐户信息。这可以是任意高度。我希望内容 div 将页面的其余部分填充到底部。

我有一个 headerdiv和一个 content div。目前我正在使用一个表格进行布局,如下所示:

CSS 和 HTML

页面的整个高度被填满,不需要滚动。

对于内容 div 中的任何内容,设置top: 0;会将其放在标题下方。有时内容将是一个真实的表格,其高度设置为 100%。放在header里面content不会让这个工作。

有没有办法在不使用的情况下达到相同的效果table

更新:

内容中的元素div也将高度设置为百分比。因此,内部 100% 的东西div会将其填充到底部。50% 的两个元素也是如此。

更新 2:

例如,如果标题占据屏幕高度的 20%,则在内部 50% 处指定的表格#content将占用屏幕空间的 40%。到目前为止,将整个东西包装在一张桌子上是唯一有效的方法。

0 投票
18 回答
236286 浏览

javascript - 我怎样才能让表格的主体滚动但将其头部固定在原位?

我正在写一个页面,我需要一个 HTML 表格来保持设定的大小。我需要表格顶部的标题始终保持在那里,但无论向表格中添加多少行,我还需要表格的主体滚动。想想一个迷你版的excel。这似乎是一项简单的任务,但我在网上找到的几乎所有解决方案都有一些缺点。我该如何解决这个问题?

0 投票
10 回答
6611 浏览

html - 对于表格数据,什么渲染速度更快,CSS 还是?

我正在寻找当前浏览器上的一些统计数据,了解使用纯 HTML 渲染表格与避免使用实际 , 等标签的黑客 CSS 清教徒方法相比需要TABLETR长时间TD

我不是在寻找什么是正确的,只是为了什么是更快的,特别是在 Firefox 3 上,尽管我也对其他浏览器的统计数据感兴趣。当然TABLE标签是为表格设计的。那不是问题。


不同的浏览器有非常不同的 javascript/css 性能,所以在这里很难一概而论。例如,IE7 的引擎速度非常慢,而 Chrome 的引擎速度快得令人难以置信。Firefox 介于两者之间,具体取决于您使用的是 2 还是 3。

0 投票
3 回答
6877 浏览

css - 如何使用 CSS 在表格单元格中拆分字符串(例如长 URL)?

情况如下:我正在尝试一些 MySpace 页面定制。如果您曾经尝试过[stackoverflow],我相信您会理解它是多么令人沮丧。
基本上,它可以通过 CSS 自定义,在一定的规则集内(例如,'#' 字符是不允许的......多么有用!)。
看看这个博客,我将其用作自定义的基础

所以唯一的问题是评论部分,“朋友”发表他们的感受。它已经...

...设置在桌子上,但我发现如果在评论部分发布长 URL,它会吹出桌子宽度,无论最大设置如何!

问题:有没有办法管理会推动表格宽度的文本?
也许分割/切断字符串?还是我应该做的更多..?
URL 以文本形式发布,而不是 href。

顺便说一句,使用 Firefox 和 Firebug。

编辑:也不允许使用 javascript ;)

另一个编辑刚刚用IE7检查过,它似乎工作..所以Firefox在这种情况下很麻烦..

0 投票
8 回答
65790 浏览

html - 带溢出的 DIV:自动和 100% 宽的表

我希望有人可以在这里帮助我。我尽量简化我的例子。

我有一个绝对定位的 DIV,在这个例子中我已经填充了浏览器窗口。此 div 具有 overflow:auto 属性,可在内容太大而无法显示 DIV 时提供滚动条。

在 DIV 中,我有一个表格来展示一些数据,它的宽度是 100%。

当内容垂直变得太大时,我希望出现垂直滚动条并且表格会稍微水平缩小以适应滚动条。然而,在 IE7 中,水平滚动条也会出现,尽管 div 中的所有内容仍有足够的水平空间。

这是 IE 特有的 - firefox 可以完美运行。

完整来源如下。非常感谢任何帮助。

托尼


2010 年 3 月 16 日添加...认为在评论中指出 GWT 的源代码指向这个问题可能会很有趣... http://www.google.com/codesearch/p?hl=en#MTQ26449crI /com/google/gwt/user/client/ui/ScrollPanel.java&q=%22hack%20to%20account%20for%20the%22%20scrollpanel&sa=N&cd=1&ct=rc&l=48

0 投票
5 回答
6905 浏览

javascript - 如何在不调整整体宽度的情况下隐藏表格行?

有没有办法在不影响整个表格宽度的情况下隐藏表格行?我有一些显示/隐藏一些表格行的 javascript,但是当这些行设置为display: none;时,表格会缩小以适应可见行的内容。