将 HTML 表格标签推送到数据下方 - Rails

Posted 2023-03-16

【中文标题】将 HTML 表格标签推送到数据下方 - Rails

【英文标题】：HTML Table Tags Pushed Below Data - Rails

【发布时间】：2015-11-16 01:51:30

【问题描述】：

我认为这将是一项简单的任务：将 <table></table> 标记放在遍历数据的枚举 each 方法周围。代码如下：

<div id="results-panel">
    <table>
        <% @artwork_q.each_with_index do |art, index| %>
            <div class="a-result" id="<%= index %>">
                <%= art.artist.fullname %>
            </div>
        <% end %>
    </table>
</div>

问题是<table></table>的开始和结束标记都在所有数据都被列出之后结束，而不是像我显然认为的那样围绕数据：

我确实尝试过使用正确的<tr> 和<td> 标签，但它仍然发生了。这个版本是为了简单和找到真正的问题。非常感谢任何帮助。谢谢。

【参考方案1】：

您的表格缺少TR 和TD 标签...这就是浏览器将表格标签呈现在您的div 之外的原因。

以下应该解决它：

<div id="results-panel">
    <table>
        <tbody>
        <% @artwork_q.each_with_index do |art, index| %>
            <tr><td>
            <div class="a-result" id="<%= index %>">
                <%= art.artist.fullname %>
            </div>
            </td></tr> 
        <% end %>
        </tbody>
    </table>
</div>

【讨论】：

谢谢。所以是的，但我的问题是我想在条件 ruby​​ 语句中包围 <tr>，以便每 4 次左右才创建一行。即使我将 <tr> 放在 ruby​​ 语句中：<%= "<tr>" %>，（更不用说条件）它也会将表格标签推到底部。

你可以在<%= "<tr>" if index % 4 == 0 %>这样的条件下使用ruby %（模）运算符（记得关闭它）<%= "</tr>" if index % 4 == 0 %>

是的，我正在使用它，你是对的。我也认为我的问题是，我没有包含<td> 元素，因为我只是在“测试”，即使我需要它们工作。感谢您的帮助。