html-table 相关问题

由于它与HTML有关,因此表格用于以表格方式显示数据。关于HTML表的问题应该通过显示有问题的源代码来询问,或者,如果问题是关于根据需求创建表失败的尝试,提问者需要显示失败的尝试,描述期望和行为如何不同。

使用 jQuery 通过索引获取 td

我知道如何使用 jQuery 获取单元格的行和列索引,但我无法弄清楚相反的情况。给定行和列索引,我将如何访问该位置的 td?

回答 4 投票 0

如何迭代最终分析并在表格中显示月份名称及其值

{ 最终分析:[ { 一月:{总计:0,totalDiscount:0,totalRevenue:0}}, { 二月:{总计:0,totalDiscount:0,totalRevenue:0} }, { 三月:{总计:0,总折扣:0,总收入:0} }...

回答 1 投票 0

从多个数组创建一个 HTML 表

我正在尝试从多个表中的数据创建一个HTMl表,其中的值和不同数组中值的长度相同。 我将通过将其限制为两个表来简化这里的示例...

回答 2 投票 0

从多个数组创建一个 HTML 表(Javascript)

我正在尝试从多个表中的数据创建一个 HTMl 表,其中的值和不同数组中值的长度相同。 我将通过将其限制为两个表来简化这里的示例...

回答 1 投票 0

禁用与行跨度分开的边框折叠

我有一个问题,这是我试图在 html 中实现的表格: 需要的结果 现在我有这个结果: 实际结果 用这个代码: 桌子 { 宽度:100%; ...</desc> <question vote="1"> <p>我有一个问题,这是我试图在 html 中实现的表格:</p> <p><a href="https://i.stack.imgur.com/SoDqG.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1NvRHFHLnBuZw==" alt="needed result"/></a></p> <p>现在我有这个结果:</p> <p><a href="https://i.stack.imgur.com/6RqYH.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZScVlILnBuZw==" alt="actual result"/></a></p> <p>使用此代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } th, td { border: 1px solid black; padding: 8px; text-align: left; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>我需要找到一种方法来删除具有行跨度的行内两行之间的空格。 有人可以帮助我吗?</p> </question> <answer tick="false" vote="0"> <p><pre><code>border-spacing</code></pre>有点搞乱了,我能想到的最简单的解决方案是设置:</p> <ol> <li><pre><code>border-spacing: 0;</code></pre></li> <li>在一周中的每一天之前添加空行<pre><code>&lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt;</code></pre>,这将充当所需的空格/中断</li> <li>添加休息样式<pre><code>.break {height: 10px;}</code></pre></li> </ol> <p>完整代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0; } th, td { border: 1px solid black; padding: 8px; text-align: left; } .break { height: 10px; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

控制两个表格的宽度(仅限桌面和移动设备)

以下 html 代码在 WordPress 帖子中生成两个表。一种仅适用于桌面视图,一种仅适用于移动视图。 问题是,无论我做什么,表格永远无法容纳整个表格

回答 1 投票 0

如何在R中制作嵌套表?

我有一个 df 数据框,其中包含以下列: df <- data.frame( years = c(2010, 2010, 2011, 2011), category = c("Category1", "Category2", "Category1", "

回答 1 投票 0

2 列表,行距 = 2,长宽比为 1/1

我正在努力实现这个结果: 但我得到了这个: 我正在努力实现这个结果: 但我得到了这个: <table class="table" style="width: 100%;"> <tbody> <tr> <td rowspan="2" style="display: inline-block; width: 50%; aspect-ratio: 1/2;"> </td> <td style="display: inline-block; width: 50%; aspect-ratio: 1/1;"> </td> </tr> <tr> <td style="display: inline-block; width: 50%; aspect-ratio: 1/1;"> </td> </tr> </tbody> </table> 关于如何实现 rowspan = 2 的 1/1 表有什么想法吗? 我的搜索表明 rowspan 和 inline-block 不能很好地配合。 但没有建议修复/替代方案。 这是我的解决方案 <table border class="table" style="width: 100%;"> <tbody> <tr> <td rowSpan="2">1</td> <td>2</td> </tr> <tr> <td>3</td> </tr> </tbody> </table>

回答 1 投票 0

获取产品自定义属性 Woocommerce

我在functions.php中有一个产品自定义变体表模板,我正在尝试获取产品自定义属性。我有两个(日期和地点)。 我找到了很多解决方案,但没有......

回答 2 投票 0

表格单元格的滚动条

有没有办法向“td”标签添加滚动条? 我的“td”标签内有动态内容。我希望“td”具有固定大小,如果内容变得大于“td”大小,我想要一个 scro...

回答 4 投票 0

使用 Python 抓取条形图上的向上缺口和向下缺口表格

我已经尝试了好几个小时来为条形图上的以下链接找到类或表 ID:Gap Up & Gap Down 我已经使用开发者工具检查了元素和源代码;还有我...

回答 1 投票 0

如何让输入字段填满 HTML 表格中的整个单元格?

我有一个表,其中有一列用户必须在输入字段中键入数字。目前,该单元格包含一个输入字段(参见图 1),但我更希望整个单元格是一个

回答 1 投票 0

Woocommerce 从逗号更改为表格单元格

我想覆盖 Woocommerce 输出属性的方式。默认情况下,属性显示在两列中 - 第 1 列是标签,第 2 列是逗号分隔的属性列表。我想要

回答 2 投票 0

html css 如何使用<a>链接(如表格

列表是 与 内部某些元素的链接。如何让它看起来像一张桌子?是否可以? 缩略图栏 |术语专栏 |描述栏 <-- header thumbnail_1 | ...

回答 1 投票 0

在 PHP 中动态添加数据到 HTML 表

我想在单击“添加”按钮时将输入字段中的数据动态添加到 HTML 表中,如示例图像所示。我怎样才能做到这一点?我可以用 PHP 来做吗?因为我是一个 初学者我...

回答 6 投票 0

HTML 表,其中 td 可以是内部 HTML 表,我有一个过滤表的功能和按钮,但我想忽略内部表

我有一个从数据库生成的 HTML 表。 它包含有关机器及其状态等的信息,这些信息是从包含有关

回答 1 投票 0

冻结/修复表格的顶部标题行

我需要你的帮助。我不确定如何冻结或让表格的顶行(其中包含标题保持冻结)同时我可以滚动表格?仅使用 CSS 营销...

回答 3 投票 0

如何将多列的内容与最后一列对齐?

我有一个包含数据的表格。 我希望我的按钮与最后一列对齐,但我只是不明白如何。我尝试了 text-align: right 但这只是将元素移动到最右边。我希望它与...

回答 1 投票 0

向 HTML 表格添加水平滚动条

有没有办法向 HTML 表格添加水平滚动条?我实际上需要它可以垂直和水平滚动,具体取决于表格的增长方式,但我无法滚动...

回答 20 投票 0

表格内垂直滚动

我正在开发一个带有垫子表的 Angular 应用程序。我想让表格可以通过粘性标题滚动。但是,滚动条似乎出现在表格之外。 我尝试过使用

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.