问题标签 [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.
html - 如何在 HTML 或 CSS 中指定表格单元格的绝对最小宽度
概括
确保表格单元格不能小于某个最小宽度的最佳方法是什么。
例子
我想确保表格中的所有单元格相对于表格容器的宽度至少有 100 像素宽。如果有更多可用空间,表格单元格应填充该空间。
浏览器兼容性
我可能想找到一个适用的解决方案
- 即 6-8
- 法阵2-3
- 苹果浏览器
按优先顺序。
javascript - HTML 拖放可排序表格
曾经想要有一个 HTML 拖放可排序表,您可以在其中对行和列进行排序?我知道这是我会为之而死的东西。有很多可排序的列表,但似乎无法找到可排序的表。
我知道您可以非常接近 script.aculo.us 提供的工具,但我遇到了一些跨浏览器问题。
html - 是否应该不惜一切代价避免在 HTML 中使用表格?
建议在 HTML 页面中使用表格(现在我们有了 CSS)?
表的应用有哪些?表格有哪些 CSS 中没有的特性/能力?
相关问题
html - 如何将 HTML 表格拉伸到浏览器窗口高度的 100%?
我正在使用表格来设计网页的布局。我希望表格填满页面,即使它不包含太多内容。这是我正在使用的 CSS:
我在页面代码中放置了这样的东西:
这适用于 Opera 9,但不适用于 Firefox 2 或 Internet Explorer 7。有没有一种简单的方法可以使该解决方案适用于所有流行的浏览器?
(添加id="container"
到td
没有帮助。)
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%。到目前为止,将整个东西包装在一张桌子上是唯一有效的方法。
javascript - 我怎样才能让表格的主体滚动但将其头部固定在原位?
我正在写一个页面,我需要一个 HTML 表格来保持设定的大小。我需要表格顶部的标题始终保持在那里,但无论向表格中添加多少行,我还需要表格的主体滚动。想想一个迷你版的excel。这似乎是一项简单的任务,但我在网上找到的几乎所有解决方案都有一些缺点。我该如何解决这个问题?
css - 如何使用 CSS 在表格单元格中拆分字符串(例如长 URL)?
情况如下:我正在尝试一些 MySpace 页面定制。如果您曾经尝试过[stackoverflow],我相信您会理解它是多么令人沮丧。
基本上,它可以通过 CSS 自定义,在一定的规则集内(例如,'#' 字符是不允许的......多么有用!)。
看看这个博客,我将其用作自定义的基础
所以唯一的问题是评论部分,“朋友”发表他们的感受。它已经...
...设置在桌子上,但我发现如果在评论部分发布长 URL,它会吹出桌子宽度,无论最大设置如何!
问题:有没有办法管理会推动表格宽度的文本?
也许分割/切断字符串?还是我应该做的更多..?
URL 以文本形式发布,而不是 href。
顺便说一句,使用 Firefox 和 Firebug。
编辑:也不允许使用 javascript ;)
另一个编辑刚刚用IE7检查过,它似乎工作..所以Firefox在这种情况下很麻烦..
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
javascript - 如何在不调整整体宽度的情况下隐藏表格行?
有没有办法在不影响整个表格宽度的情况下隐藏表格行?我有一些显示/隐藏一些表格行的 javascript,但是当这些行设置为display: none;
时,表格会缩小以适应可见行的内容。