2

我可以在表格行之间插入任何 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>

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

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

我想创建一个包含多行的表，其中一行将是组名，它将作为父行，该行将包含子行，我应该能够将行从一个组拖放到另一个组目前能够使用 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到另一个。我怎样才能得到任何其他解决方案？

4

2 回答 2

2

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

于 2012-06-06T09:36:44.147 回答
1

使用 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>
于 2012-06-06T09:41:44.083 回答