Question

我正在构建一个显示包含某些信息的表的应用。我希望用户能够单击单元格并在其下方滑出一行，其中包含可以进行操作的表单。

所以它看起来像这样：

<table>
  <tr>
    <td>some info 1</td>
    <td>some info 2</td>
    <td>some info 3</td>
  </tr>
  <tr>
    <form> some form that spans the entire row + submit button </form>
  </tr>
</table

表单将被隐藏，单击其中一个单元格将向下滑动。

我面临的问题是无法将表单呈现为表格行。我已阅读多个消息来源说它无法完成。我可以在单个单元格内渲染它，但形状太大了。

我读到的一个解决方案是用表格标签包装整个表并有多个提交按钮。这对我来说感觉就像是不好的做法，我不确定它会起作用。

我也考虑过使用div重新创建表格但是我找到的每个解决方案都使用＆display; display＆table 39＆＃39;这有完全相同的问题。

处理此问题的最佳方法是什么？（我使用Ruby on Rails）

Answer 1

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
   <form action="">
     <td colspan="3"><input type="text"></td>
   </form>
  </tr>
</table>

你尝试过使用colspan吗？

Answer 2

我建议如果你的项目允许你用div替换table。您可以使用bootstrap（https://getbootstrap.com/examples/grid/）来简化这一过程。为什么： 1.更清洁的代码你可以比表原始/单元更容易操纵div ... 你可以像tr一样快速复制div。试一试，然后再做出决定。

将表单行放入表中的最佳方法是什么？

2 个答案: