管理人FacebookTwitterはてブPocketFeedly表データを掲載する際にはやはりテーブル要素を使うのが一番適していますね。昔からソートが出来るテーブル表はありましたがjavascriptで動作させる必要がありました。今はjQueryのプラグインを使うことで簡単に導入する事ができます。それが「DataTables」です。ソート機能や検索機能を加える公式URL:http://datatables.net/index基本導入例ここでは基本的な動作のみの導入手順を記載していく。導入サンプル必要なファイルを読み込ませるまずはstylesheetとscriptを読み込ませよう。src="https://cdn.datatables.net/v/dt/dt-1.10.12/datatables.min.js"&gt;&lt;/script&gt;...&lt;/head&gt;テーブルデータを作成テーブルデータを作成。id="sample_tabledata"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;No.&lt;/th&gt;&lt;th&gt;name&lt;/th&gt;&lt;th&gt;pw&lt;/th&gt;&lt;th&gt;gd&lt;/th&gt;&lt;th&gt;sp&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th&gt;1&lt;/th&gt;&lt;td&gt;101&lt;/td&gt;&lt;td&gt;10613&lt;/td&gt;&lt;td&gt;12982&lt;/td&gt;&lt;td&gt;15143&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;2&lt;/th&gt;&lt;td&gt;102&lt;/td&gt;&lt;td&gt;11074&lt;/td&gt;&lt;td&gt;12007&lt;/td&gt;&lt;td&gt;15607&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;手順3ヘッドタグの下(datatables.min.jsより下)にDataTablesを動かす記述を加える。&lt;/head&gt;12345678&lt;head&gt;...&lt;script&gt;$(function(){$("#sample_tabledata").dataTable();})&lt;/script&gt;&lt;/head&gt;以上。これで基本的な動作は問題無い。導入サンプルは非常にシンプルに上の手順で導入したものなので、上手く行かない場合には良く見比べてみよう。高速スタートアップについてWindows8から搭載された高速スタートアップ、起動が速くなるのですが色々と問題が発生したりします。原因や解決方法を見ていきましょう。高...Windows10Windows10のデスクトップ上にPCやアイコンを表示する方法いつの頃からかデスクトップ上にマイコンピュータやネットワークのアイコンがデフォルトで無くなりました。ソースネクストでセールをしています。プロ向け動画編集...ハードウェアdocomo回線のiPhone6でテザリングが出来ないときの対処docomoの回線でなぜかiPhone6でテザリングが出来なくなって困ったことがあったので対処についてまとめておきます。「インターネ...体験談Gooogleマップを使って観光旅行の予定の決めよう!先日高知へ観光旅行に行ってきました。昨日初めて知ったのですが、chromeの「タブ固定化」がなかなか便利です。