受託開発担当のRyuです。 今回はJQueryプラグインの一つであるDataTablesの紹介をしていきます。 DataTablesとはテーブルに検索やソート、ページ切り替えなどを簡単に追加してくれる多機能なプラグインです。 公式ページにはAPIドキュメントやサンプルも揃っているのでJQuery利用者には非常に有難いのではないでしょうか。 まずはこんな感じのHTMLを書いてみました。 <html><head> <link rel="stylesheet" href="dataTables/css/jquery.dataTables.css"> <style type="text/css"> <!-- body {width: 400px;} #sample_table {border: 1px solid black;} --> </style> </head> <body> <h5>Da
![多機能テーブルDataTablesを使う | 株式会社エイチ・オー・エス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f27d8a0a6cd86f280cb4d2e350ea0e95842924f3/height=288;version=1;width=512/https%3A%2F%2Fwww.hos.co.jp%2Fwp-content%2Fuploads%2F2018%2F01%2Fhos_logoimage.png)