No.1ベストアンサー
- 回答日時:
英語力がないのでまったく自信がないけど、
http://tablesorter.com/docs/example-ajax.html
↑こちらのデータ追加読み込みのサンプルコードを見ると、テーブルの更新後に trigger("update") を入れるといいみたい。
ちなみに、trigger("update")を入れない状態で試したとき、追加分は確かにソートされなかったけど、削除した行が復活するという現象は確認できませんでした。削除の仕方にも問題あるかも。
以下は確認してみてたサンプル。
<html>
<head>
<title></title>
<style type="text/css">
table,th,td {border:solid thin gray}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
$(function(){
$("table").tablesorter();
$("input[value='×']").live('click',function(){ //削除
$(this).parent().parent().empty();
$("table").trigger("update"); //これが重要?
});
$("input[value='+']").live('click',function(){ //追加(コピー)
var TR = $(this).parent().parent();
TR.after(TR.clone());
$("table").trigger("update"); //これが重要?
});
});
</script>
</head>
<body>
<table>
<thead>
<tr><th>#</th><th>Name</th><th>DEL ADD</th></tr>
</thead>
<tbody>
<tr>
<td>1</td><td>John</td>
<td><input type="button" value="×"><input type="button" value="+"></td>
</tr>
<tr>
<td>2</td><td>Paul</td>
<td><input type="button" value="×"><input type="button" value="+"></td>
</tr>
<tr>
<td>3</td><td>George</td>
<td><input type="button" value="×"><input type="button" value="+"></td>
</tr>
<tr>
<td>4</td><td>Ringo</td>
<td><input type="button" value="×"><input type="button" value="+"></td>
</tr>
</tbody>
</table>
</body>
</html>
No.2
- 回答日時:
#1 本質と関係ない部分だけどサンプルでの削除の仕方、間違ってました。
誤 $(this).parent().parent().empty();
正 $(this).parent().parent().replaceWith('');
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) AccessVBAで任意の複数リンクテーブルをAccessVBAを動かす際に削除したいと考えておりま 1 2022/11/17 15:45
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- LINE LINE で友だちをブロックしたあと、削除した場合について。 ①削除した友だちから、メッセージがきた 1 2023/05/07 22:37
- その他(データベース) pythonでsqlight勉強中、クエリー結果の利用法教えて下さい 1 2022/04/28 20:38
- Chrome(クローム) Cookieを削除 他サイトでの自動ログインなどの設定も削除されますか パソコン クロームです 1 2022/09/10 21:47
- Outlook(アウトルック) Outlookでメールをデリートキーで削除した場合における、メールの移動先フォルダを変更したい。 2 2022/10/31 00:53
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- Windows 10 Windows10のファイルの削除について 2 2022/08/04 22:22
- Access(アクセス) アクセス 削除するレコードを含んだテーブルを指定してくださいのエラー対処方法 1 2022/11/24 15:01
- その他(Microsoft Office) excel テーブル 4 2023/03/18 16:11
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンで選択すると、DBの...
-
javascriptで質問です。 displa...
-
一覧から選択した行の行番号を...
-
jsで質問です。 displayプロパ...
-
クリックされた罫表セルの行番...
-
特定<table>内の<td>の色を変える
-
至急!GetElementById でtdの...
-
ハイパーリンクを別ウインドウ...
-
data-hrefでのcolorbox設定方法
-
スクロールバーの表示位置を変...
-
sed を使って文字列削除
-
td:nth-childを使ってa要素を取...
-
ラジオボタンでテーブルの背景...
-
dataTablesのテーブルの内容が...
-
PC情報の調べ方教えてください。
-
「オブジェクトは、このプロパ...
-
javascriptでボタンを押すたび...
-
Tablesorteを2行一組でソートする
-
テーブルの変数について
-
tableの任意行にfocusをあてる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定<table>内の<td>の色を変える
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
JavaScriptでテーブルをクリッ...
-
【UWSC】HTML内のある部分を抽...
-
至急!GetElementById でtdの...
-
チェックボックスにチェックが...
-
JavaScriptでテーブルの行入れ替え
-
動的なtableの値を取得したい
-
Selenium.ChromeDriverの使い方...
-
二次元配列に数字をランダムに...
-
Excelで作ったhtmlファイルのサ...
-
スクロールバーの表示位置を変...
-
テーブルの変数について
-
マウスをブラウザの外に出した...
-
テーブル行のクリックでチェッ...
-
jquery datatablesを使用 イン...
おすすめ情報