2025年10月17日(金)
フレームワークに依存しないオープンソースの高性能データテーブル・「Smart.Table」
Smart.Table
See the Pen
Untitled by kachibito (@kachibito)
on CodePen.
Smart.Tableはフレームワークに依存しないオープンソースの高性能データテーブルです。Smart UIのテーブルコンポーネントに追加されたもので、従来のテーブルのスタイルに高性能なデータテーブル要素を加えた、見やすく使いやすいテーブルUIを提供します。
バニラなJavaScriptは勿論、React、Anglar、Vueなどのフレームワークにも対応可能。並べ替え、フィルタリング、グルーピング、ページング、セルや行の編集、などが可能です。また、スタイリングもしやすくテーマ変更も可能、stickyな固定ヘッダーや列でスマホやタブレット等でも見やすいよう最適化されています。
その他、データのエクスポート（Excel、PDF、HTML、CSV、TSVなどをサポート）、D&Dによる列の並べ替え、キーボードナビゲーション、ツリー構造など、大規模なデータを扱うに十分な性能となっています。ライセンスはApache-2.0で永久に無料だそうです。
Smart.Table
The post フレームワ...
0
0
1
0author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
これまでの解説書はぜんぶ過去のものに、Photoshopの最新テクニックを解説したデザイン書 -Photoshop レタッチ2.0
NEXT ›
CRM、プロジェクト管理、財務管理、人事管理などを 1 つのシステムに統合したオープンソースのビジネス管理プラットフォーム・「Opensyte」
関連記事
任意のカラーを元にダークモードもサポートしたWCAG準拠のカラーパレットを生成、様々な形式にエクスポート出来るオープンソースのカラーパレットジェネレーター・「Accessible Color Scale Generator」
モバイルファーストに設計されたPWAサポートのHTML/CSS/JavaScript向けOSSコードエディター・「RowCode」
小規模なアップデートだけど、Web制作者は要チェック！ Chrome 141で新しく追加されたCSSとUIに関する機能
これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック
役に立つコンテンツを作る10の方法 + 事例とチェックリスト
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『フレームワークに依存しないオープンソースの高性能データテーブル・「Smart.Table」』についてまとめています。
この記事は特にjavascriptについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
