art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ ホームページ、Web作成 写真・カメラ Webページ「晴歩雨描 デジカメ・スナップ写真 ブログ記事一覧」 に、JavaScriptでテーブル行の検索機能を追加。 jQueryプラグイン「DataTables」を使用。 【注意事項】 １．<thead></thead>、<tbody></tbody>がないと正常動作しない。 ２．<table>に、width:100%を指定しないと、ブラウザウインドウの幅を変更した際に、テーブルの幅が自動的にリサイズされない。 <table id="dataTable" style="width:100%"> ページングやソートをしないようにした。 ≪ソース≫ <script type="text/ja… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2019%2F06%2F18%2F143439" title="JavaScript）「デジカメ・スナップ写真 ブログ記事一覧」にjQueryプラグイン「DataTables」で検索機能追加。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20190618/20190618131027.jpg Hatena Blog https://hatena.blog 2019-06-18 14:34:39 rich https://2ndart.hatenablog.com/entry/2019/06/18/143439 1.0 100%