Vanilla-DataTablesはバニラなデータテーブルJavaScriptライブラリです。他ライブラリに依存せず単体で動作します 機能もデータテーブル系でよくある基本的な機能を備えています。データのソート、任意のキーワードで検索、データが増えた時でも省スペースで収まるページネーション、インポート/エクスポート機能などなど また拡張性もあり、プラグインに対応していますので足りない機能を自分で作って加える事も出来るようになっています。ライセンスはMIT Vanilla-DataTables
![ソートや検索、ページネーション等、基本的な機能を備えた非依存のデータテーブルライブラリ・「Vanilla-DataTables」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)
Vanilla-DataTablesはバニラなデータテーブルJavaScriptライブラリです。他ライブラリに依存せず単体で動作します 機能もデータテーブル系でよくある基本的な機能を備えています。データのソート、任意のキーワードで検索、データが増えた時でも省スペースで収まるページネーション、インポート/エクスポート機能などなど また拡張性もあり、プラグインに対応していますので足りない機能を自分で作って加える事も出来るようになっています。ライセンスはMIT Vanilla-DataTables
Webベースで業務システムを構築した場合、必ず必要になるのが一覧表です。そして、そこにExcel並の機能が求められます。ソートであったり、フィルタリング、ページネーションが欲しいと要望が出るはずです。 それらを一から自作するのは大変です。そこで今回はjQuery-KingTableを紹介します。 jQuery-KingTableの使い方 jQuery-KingTableのデモです。ページネーション、検索、並び替えができます。 並び替えると小さなアイコンが出ます(今回はGreenの横にアイコンがあります)。 カラーテーマを変更しました。 検索するとヒットした部分がハイライトします。 表示するカラムを絞り込めます。 表示をテーブルではなくカードに変更しました。 さらにパネルにも。 フィルタリング条件の追加もできます。 jQuery-KingTableは多機能なので、業務要件によってはこれで十分
JQuery sortable lists also supports export methods. Look at the console log to see the result of buttons below. To array To hierarchy To string html pattern Note that li items can contains only one or max two direct children. Content div as a wrapper of li content and another list if item contains nested list. Like this: <ul> <li> <div>Whatever you want here</div> <ul> <li><div>Nested list item</d
jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計したとの事。シンプルで良さ気です。ライセンスはMIT。 jsGrid動作サンプル
Filter on strings, numbers, booleans(checkboxes) and dates by typing into the fields (or optionally datepicker for dates). If you hoover a filter field with your mouse, you'll see a tooltip with hints on how they work. Prefix your filter with ! to get everything except your filter. Ex all but 10 to 20: !10..20 Prefix your filter with ? for regex filtering. Ex John and Jane Doe: ?John Doe|Jane Doe
Chrome使いにそっと教える、タブ一覧を縦に並べられる拡張機能「Tabman Tabs Manager」2013.06.16 22:0012,588 「Tabman Tabs Manager」はChromeのタブ一覧を縦に並べられる拡張機能です。開いているタブを縦にずらーっと並べることができます。また、その一覧をサイドバーのように置くこともできるので便利ですよ。 以下に使ってみた様子を載せておきます。 まずTabman Tabs Managerへアクセスしましょう。Google Chromeに拡張機能をインストールします。 Tabmanのアイコンをクリックすると、このように現在開いているタブの一覧が表示されます。クリックすると、そのタブに移動できますよ。 また、独立させることもできるので、擬似的に縦タブを作ることができます。ぜひご活用ください。 [Tabman Tabs Manager]
WordPressのカスタムメニューのカスタマイズ方法について解説します。 カスタムメニューを利用すれば、サイドメニューだけでなく、ナビゲーションを任意の場所に設置することもできるようになります。本エントリーでは、フッタに次のようなナビゲーションを追加してみます。 WordPressのバージョンは3.3.1を使っています。カスタマイズにはTwentyElevenテーマを使います。また、フッタナビゲーションはヘッダナビゲーションのスタイルをそのまま流用しているので、id属性値が重複しています。予めご了承ください。 管理画面上でカスタムメニューを利用する方法は割愛していますので、「WordPress カスタムメニューの使い方(その1:基本)」を参照してください。 1.wp_nav_menuを使ってカスタムメニューを表示する フッタにナビゲーションを表示するための準備として、footer.php
jQuery UI Soatableでソートしたテーブルの並びを保存する方法を紹介します。 先日「jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする」をエントリーしましたが、実際には並び替えた順序を保持して使いたいケースも少なくないと思います。 ネットで検索するとjQuery UI Soatableの解説はヒットしますが、cookieに保存するまでの記事はみつかりませんでした。 ということで、ここではcookieを利用して並びを保存する方法を紹介します。 1.サンプル まず、cookieで並び順を保存するテーブルのサンプルを示します。 サンプル テーブルを並び替えたあと、リロードすれば並び順が保持されていることが分かります。 2.解説 サンプルのコード(抜粋)は次のとおりです。赤色部分が「jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるように
jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery UI Soatableを利用します。 1.基本 まず、jQueryのsoatable()を使ったテーブルのサンプルを示します。 サンプル サンプルのコード(抜粋)は次のとおりです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script> $(function(){ $('tbody').sortable(); }); </script> <table> <thead> <tr> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く