1行のコードで既存のテーブルにソート機能を追加·Table Sorting MOONGIFT
Table Sortingは既存のHTMLテーブルにソート機能を追加するJavaScriptライブラリです。 業務システムなどでテーブルを表示すると常に足らない機能を求められます。その第一が並べ替え機能でしょう。DBを操作しても良いですが、もっと単純に解決したいならTable Sortingを使ってみても良さそうです。 デモです。 カラムのクリックでソートが実行されます。 金額部分もきちんとソートされます。 JavaScriptのコードです。単純にクラスを指定するだけ。 HTMLのコードです。数値部分にも特に設定を行っていないところに注目。 Table Sortingは既存のテーブルを渡すだけで自動的にソート機能を追加してくれます。オブジェクトの型も判断して並び替えてくれるので手間いらずです。 Table SortingはJavaScript製、GPL v3のオープンソース・ソフトウェアで
HTMLのリスト、テーブルをソート、フィルタリング、検索可能に·List.js MOONGIFT
List.jsはリストやテーブルを検索やソート可能にするJavaScriptライブラリです。 HTMLではよくリスト表示やテーブル表示を行います。一旦表示したデータを並べ替えたり絞り込んだりできる便利なライブラリがList.jsです。 基本のサンプルです。データがリストになって並んでいるのが分かるかと思います。 名前でソートしました。 カテゴリで絞り込んで表示しています。 検索です。インクリメンタルに絞り込まれます。 こちらはテーブルのサンプル。行ごとに削除、編集が出来ます。 曖昧検索です。多少文字が違っていても絞り込んでくれます。 データを動的に生成するサンプルです。1,000行程度であれば77msで生成できます。 検索です。こちらは12ms。高速です。 List.jsはデータをJSONで渡すことも、素のHTMLを対応させることもできます。検索で絞り込んだりデータを追加、編集するのも容易
東京23区トランクルームナビ
トランクルームの種類と選び方 何を入れると便利か使い方を徹底解説 トランクルームは、荷物を保管しておく収納スペースを貸してもらえるサービスのこと。 「貸倉庫」「レンタルボックス」「レンタルコンテナ」など、運営会社や、荷物を置くスペースの種類によっていくつかの呼び名があります。 物があふれて自宅で収納できなくなった場合や、建て替えや引っ越しで一時的に荷物を預けたい場合、トランクルームが役に立ちます。 そこでこの記事では トランクルームにはどのような種類があるのか、 […]
テーブル表示がここまでリッチに多機能に。jQuery製ライブラリ·OpenJS MOONGIFT
OpenJSはテーブル表示をリッチなUIにし、並び替えや編集などの機能を追加するライブラリ。 OpenJSはjQuery/JavaScript製のオープンソース・ソフトウェア。企業システムはもちろん、Webサービスの管理画面などで求められるのがテーブルベースのデータ一覧表示機能だ。そしてテーブルを作るとソートやフィルタリング、その場での編集機能などが求められるようになる。 画像表示 そんな機能を作り込むのはとても大変だ。だがユーザの立場に立てば、一件ずつ編集するのも大変なことだろう。そこで外部ライブラリに頼ろう。OpenJSはとてもリッチな編集インタフェースを提供してくれる。 OpenJSは通常のテーブルタグで作られた表を、角丸でかなりリッチなUIにしてくれるライブラリだ。カラムで並び替えたり、画像のサムネイルを表示する、フィルタリングやページネーション機能もある。Ajaxでスムーズに操作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
