2020年06月6日(土)
シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」
Grid.js
Grid.jsはシンプルで扱いやすいHTMLテーブルライブラリです。ReactやAngular、Vueなどは勿論、バニラでも問題なく動作します
9kbと非常に軽量で使い方もすごく簡単です。データを元に自動で指定した要素にtableを作成します。
ソート機能や検索、ページネーション機能なども付いてます。試しに使ってみました
example
See the Pen KKVwYZy by kachibito
(@kachibito) on CodePen.
データが少ないのでページングは飾りになってしまっています。あと、現段階で、ソートは数値をうまくソートできないみたいです。
Grid.jsの使い方はとても簡単です。
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」』についてまとめています。
この記事は特にサーバについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
0
12
10
23
