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

Question

我认为这将是一项简单的任务：将 <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> 标签，但它仍然发生了。这个版本是为了简单和找到真正的问题。非常感谢任何帮助。谢谢。

Answer 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>