2

株式ポートフォリオを作成しています。各行は株であり、損益を含むデータです。各行には、ユーザーが指定できるグループ ID があります。アイデアは私がしたいです：

  1. groupid に基づいて行を物理的にグループ化します
  2. ステップ＃1の後、そのグループの下に、そのグループのみの利益/損失の小計を含む行を動的に追加したいと考えています。

したがって、各グループには多くの行を含めることができ、各グループには、そのグループのすべての利益/損失を合計する 1 つの小計行があります。小計行が常にそのグループの最後の行のすぐ下にあることを確認したいだけです。

誰かがテーブルに新しい行を追加するたびに、これを実行できるようにする必要があります (UI を介して動的に新しい行を追加できるようにします)。つまり、誰かが新しい行を追加して groupid を 3 にした場合、その時点でその行を他の groupid の 3 行に固定し、それを小計計算に含める必要があります。

4

1 に答える 1

3

<tbody>要素を使用して表の行をグループ化します。

<table>
<tbody id="GOOG">
  <tr>...</tr>
  <tr>...</tr>
  <tr>...</tr>
</tbody>
<tbody id="GOOG_subtotal">
  <tr>...</tr>
</tbody>
...
</table>

と：

function append(code, amount) {
  $("<td></td>").text(amoung).wrap("<tr></tr>").appendTo("#" + code);
  var subtotal = $("#" + code + "_subtotal td");
  subtotal.text(subtotal.text() + amount);
}
于 2010-01-07T00:29:58.803 に答える