html-table 相关问题

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

迭代 TR 元素并构建连接的字符串值时出错

我正在尝试编写一个 javascript 函数,该函数迭代表的行,选取修改后的输入值并在单击时构建一个管道分隔值的串联字符串。这是前任...

回答 1 投票 0

使用 Alpine.js 显示表中单击行的地址详细信息

在表格中,我有一个“查看地址”按钮,当我单击时,它将显示地址详细信息。它工作正常,但是,由于我还是 Alpine.js 的新手,当我单击视图地址时它

回答 1 投票 0

Alpine.js:显示表中单击行的地址详细信息

在表格中,我有一个“查看地址”按钮,当我单击时,它将显示地址详细信息。它工作正常,但是,由于我还是 Alpine Js 的新手,当我单击视图地址时它

回答 1 投票 0

如何插入一行作为倒数第二行?

有很多类似的问题,但我能找到的每一个问题都在使用 jQuery,我想缓解这一问题。插入行的内容将动态创建。我的坏方法:

回答 2 投票 0

从过滤的 Excel 表格构建 html 表格

我需要一些帮助,因为我正在尝试在打开的 Outlook 电子邮件中插入筛选后的 Excel 表格。 我已经设法使用我在网上找到的函数(ExcelRangeToOutlookEmailBody)来做到这一点,但是

回答 1 投票 0

Outlook 中的 HTML 电子邮件模板背景颜色问题

我的 HTML 电子邮件模板背景颜色在 Outlook 中无法正确呈现。 我使用了不同的技术但仍然不起作用。 我已将整个部分包装到表格中并应用了背景...

回答 1 投票 0

如何阻止 HTML 表格根据单元格内容调整行高

我正在创建一个表格来显示飞镖游戏得分。由于某种原因,即使我以像素为单位指定行高并且表格显示设置为固定,它仍然根据...调整行高大小。

回答 1 投票 0

以表格形状创建时间线

我正在尝试创建一个非常具体的组件,它应该如下所示: 我给它一个带有 id、日期的数组,它应该以时间线的方式显示事件,但也以表格的方式显示......

回答 1 投票 0

Firefox CSS 表格额外边框线

我在 Firefox 中遇到了表格边框线 CSS 问题:当 CSS border-collapse 折叠时,我有两个合并单元格,其中一个有 1px 边框。存在额外不需要的边界线...

回答 1 投票 0

使用 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

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