Tableのデザインまとめ
料金表やスペック表などに使えそうなTableのデザインを探してみるといろいろと見つかりました。
以前にもこのブログで「TableとCSSいろいろ」でもご紹介しましたが、
今回はTableのデザインパート２と言う事で、いろいろとまとめてみました。サンプルやダウンロードページが別に分かれているところは、そちらのリンクも記載しておきましたので、参考にどうぞ。
dhtmlxGrid
Unobtrusive Table Sort Script
A CSS styled table version 2
Designing Tables for Usability
MOOTOOLS JAVASCRIPT TABLE ROW & COLUMN HIGHLIGHTING
tablesorter 2.0
jQuery plugin: Tablesorter 2.0
GridView3
phatfusion : sortableTable
TableKit
Data Tables and Cascading Style Sheets Gallery
一番左のカラムのDesign Nameをクリックするとデザインが切り替わります。気に入ったデザインは、一番右のカラムのDownloadからCSSファイルをダウンロードすることが出来ます。
Replicating a Tree table
Normal Table Test
Vertical scrolling tables
Brett asks the CSS Guy if the Row Locking with Checkboxes is fixed
how to create a table like Orbitz’s airline flights scheduling and pricing matrix
Pure CSS Scrollable Table with Fixed Header
Tablecloth
mootable
Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table
Crazy Egg’sのサイトのような、飛び出すカラムのデザインチュートリアル。
Stripe your tables the OO way
CSS-Based Tables: Modern Solutions
CSSを使ったきれいなTableのデザインサンプル集です。
Pricing Tables: Examples And Best Practices
こちらは料金表のデザインのまとめです。きれいな料金表がたくさんまとめられております。
|
|
|
1月 13th, 2009 at 3:04 PM
[...] Tableのデザインまとめ | DesignWalker 料金表やスペック表などに使えそうなTableのデザインを探してみるといろい ろと見つかりました。以前にもこのブログで「TableとCSSいろいろ」でもご紹介 しましたが、今回はTableのデザインパート２と言う事で、いろいろとまとめて みました。サンプルやダウンロードページが別に分かれているところは、そちら のリンクも記載しておきま… original article [...]
1月 14th, 2009 at 8:55 AM
深田恭子さんのドロンジョ姿…
今日の『気になるニュース』 ~今日あったニュースの中から、注目ニュースをPickUp~ [一覧] ・門外不出！？美味しいそばつゆの作り方 [美味しいそばつゆの作り方] 読んでるとなん…
1月 14th, 2009 at 2:08 PM
[...] Tableのデザインまとめ (tags: webdesign CSS table) [...]
1月 18th, 2009 at 6:36 AM
[...] Tableのデザインまとめ[Webデザイン,CSSXHTML,JavaScript] [...]