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>

挿入されたタグを残りの行の親ノードにしたい。または、最初の行を残りの行の親ノードにすることは可能ですか?

編集：私が実際に達成したいこと

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>

1 つの 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 に答える