任意の行の値の 1 つをクリックすると、その行全体が展開され (スライド アニメーションで上下に移動するとよいでしょう)、行内にグラフを挿入する必要がある html テーブルが必要です。
jQueryを使用してこれを行うにはどうすればよいですか?また、チャートを別のファイルに入れ、そのファイルを行のダイブまたはチャートのより良いコンテナに含める必要がありますか?
任意の行の値の 1 つをクリックすると、その行全体が展開され (スライド アニメーションで上下に移動するとよいでしょう)、行内にグラフを挿入する必要がある html テーブルが必要です。
jQueryを使用してこれを行うにはどうすればよいですか?また、チャートを別のファイルに入れ、そのファイルを行のダイブまたはチャートのより良いコンテナに含める必要がありますか?
これを行うには多くの方法があります。私の例ではボタンを使用していますが、クリックイベントは何にでも配置できます。
http://jsfiddle.net/lucuma/Y4nC8/2/
ここに例があります
<table>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
</table>
js:
$(document).ready(function() {
$('button').click(function() {
var $newstuff = $('<div>my data<br />more data <br /> ok good</div>');
$newstuff.appendTo($(this).closest('tr').find('td:eq(0)')).slideDown();
});
});
</p>