ダッシュボードページでレスポンシブ対応なテーブルUIを作ってみよう
こんにちわ。nap5です。
ダッシュボードページでレスポンシブ対応なテーブルUIを作ってみたので、紹介したいと思います。あまり作り込まない段階のスケルトン的なイメージでワークアラウンドしてみました。
以下の機能を実装しています。
FLIP animationによるグリッドNカラムの切り替え機能
グリッド表示・リスト表示の切り替え機能
レスポンシブ
デモサイトです。
デモコードです。
Nカラムの変更リストボックスに関してはHeadless UIライブラリを使ってみました
テーブルリストにはページング機能を追加していきたいかなと思います。
簡単ですが、以上です。