Question

我可以在表格行之间插入任何html标记，以便插入的标记用作该标记之后的行的父节点。像

<table>
  <tr><td>group 1</td></tr>
  //insert tag here
     <tr><td>patent 1 in group 1</td></tr>
     <tr><td>patent 2 in group 1</td></tr>
  //end tag here
</table>

我希望inserted标签成为其余行的父节点。或者是否可以将第1行作为其余行的父节点

编辑：我真正想要实现的目标

我想创建一个包含多行的表，其中一行将是一个组名，它将作为父行，该行将包含子行，我应该能够将行从一个组拖放到另一个组我目前能够使用TableDnd插件，但我需要子行被拖动的父行的id。

如果我这样做

<table id="sort">
    <tbody id = 'group_1'>
    <tr id="1"><td>1</td><td>One</td><td><input type="text" name="one" value="one"/></td></tr>
    <tr id="2"><td>2</td><td>Two</td><td><input type="text" name="two" value="two"/></td></tr>
    <tr id="3"><td>3</td><td>Three</td><td><input type="text" name="three" value="three"/></td></tr>
    </tbody>
    <tbody id = 'group_2'>
    <tr id="4"><td>4</td><td>Four</td><td><input type="text" name="four" value="four"/></td></tr>
    <tr id="5"><td>5</td><td>Five</td><td><input type="text" name="five" value="five"/></td></tr>
    <tr id="6"><td>6</td><td>Six</td><td><input type="text" name="six" value="six"/></td></tr>
    </tbody>
</table>

我能够在一个tbody中拖动行，但不能从一个tbody拖动到另一个。{{1}}。我怎样才能得到任何其他解决方案？

Answer 1

对表行进行分组的唯一有效方法是thead，tbody和tfoot元素。对数据行进行分组的常规方法是tbody。

Answer 2

使用css类对行进行分组：

<table>
     <tr class="group-1"><td>patent 1 in group 1</td></tr>
     <tr class="group-1"><td>patent 2 in group 1</td></tr>
     <tr class="group-2"><td>patent 1 in group 2</td></tr>
     <tr class="group-2"><td>patent 2 in group 2</td></tr>
     <!-- etc -->
</table>

或多个TBODY部分：

<table>
    <tbody class="group-1">
       <tr><td>patent 1 in group 1</td></tr>
       <tr><td>patent 2 in group 1</td></tr>
    </tbody>
    <tbody class="group-2">
       <tr><td>patent 1 in group 2</td></tr>
       <tr><td>patent 2 in group 2</td></tr>
    </tbody>
    <!-- etc -->
</table>

在表的行之间插入html标记

2 个答案: