CSSだけで作るレスポンシブtable(displayプロパティ変更)

Media Queriesを使って、cssだけで作るレスポンシブtableです。ブラウザの画面横サイズが680px以下になるとデザイン切り替えが発動し、displayプロパティを変更、table要素の表が、リスト表示に替わります。

レスポンシブtableサンプル

製品名 用途 提供形態 概要
百万石 WEB受注システム コスト削減 SaaS・ASP インターネットを利用した受注システムです。既存の販売管理、基幹システムとのデータ連携が可能です。
0万石 WEB受注システム コスト削減 ASP 多くの企業様にご利用頂き、高い評価を得ている「百万石 WEB受注システム」の基本機能がそのまま使えます。初期費用・月額費用(規定条件内なら)無料!
0万石 在庫照会システム コスト削減 ASP 導入企業が取引先に対する在庫照会を、web上で行える無料の在庫照会システムです。
EDI連動型・百万石 購買システム コスト削減 SaaS FAX、電話を利用していた小口の仕入先との取引が、電子化されます。
定期配達・回収品管理システム コスト削減 SaaS 定期的に得意先へ配達・回収を行なっている企業様の「受注業務のWEB化」と、ドライバーへ「配達指示・回収数報告を効率的に管理」するシステムです。
※参考と引用;http://design-spice.com/2012/11/01/responsive-table/
戻るボタン