LoginSignup
5
4

More than 5 years have passed since last update.

適当なサイトのTABLEを並び替え可にする

Posted at

サイトを見ていてTABLE形式になっている表の並び順を変えたくなることがある。
ブラウザのコンソールでうまいこと出来ないかなと思ってたら、
JavaScriptコンソールからjQuery をページにロードする方法。
で、コンソールからjqueryを使えるので、tableソート用のプラグインも読み込めばできると思って試した。

まず、コンソールに下記を打ち込んでJqueryを使用可にする。

document.body.appendChild(function(){
src="https://code.jquery.com/jquery-latest.min.js";
sc = document.createElement("script");
sc.type="text/javascript";
sc.src=src;
sc.onload = function() {};
return sc;
}()
);

次に、tableソート用のプラグインtsort.min.jsを読み込ませる。

document.body.appendChild(function(){
src="http://www.jqueryscript.net/demo/Animated-Table-Sorting-Plugin-For-jQuery/tsort.min.js";
sc = document.createElement("script");
sc.type="text/javascript";
sc.src=src;
sc.onload = function() {};
return sc;
}()
);

次に並び替えを設定したTABLEを指定して実行する。

$('table').tableSort( {animation :'slide',speed:500} );

これでTABLEのヘッダをクリックするとソートが行われる。
3回コンソールにコピペするのはめんどくさい。これ一回のコピペで実行できないものか。

5
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
4