HTML Table 标记低于数据 - 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

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

以下应该修复它：

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

HTML Table 标记低于数据 - Rails

HTML Table Tags Pushed Below Data - Rails

html

ruby-on-rails

html-table

each

enumerable