CSS should not be used for layout
http://www.flownet.com/ron/css-rant.html

css for layout

Why CSS should not be used for layout

Not surprisingly, there was a lot of community feedback asking for better layout mechanisms. Actually, people were asking for any decent layout mechanism at all, which CSS has historically lacked. Floats mostly work, but they’re a hack and can be annoyingly fragile even when you ignore old-browser bugs. Positioning works in limited cases, but does not handle web-oriented layout at all well.

ERic Meyers grundsätzliche Gedanke über ein Layoutsystem für Webseiten.

Eric Meyer elaborates on why we need a better layout mechanism for web content (whether it be via CSS or not). We know we shouldn't use tables for layout. Floats are a hack, positioning is flawed, and <code>display:table-cell</code> is no better than using a table itself. But Eric explains here why table <em>behavior</em> works moderately well for layout: <blockquote>... this is why the old “only use tables for layout” argument keeps coming up over and over: strip away the overheated rhetoric and obvious link-baiting, and you find the core of a real need. Because as powerful as CSS can be, table cells do certain things very easily that CSS makes very, very hard. Cells stretch vertically, keeping equal heights as a matter of their intrinsic nature. They stay out of each others’ way, while still being allowed to sit next to each other and use any sizing dimensions. They tie their layout to their parent elements, and vice versa.</blockquote>

Turning a bunch of divs or list items or whatever into table-role boxes is no better than just using table markup in the first place, and it’s arguably worse. Using element names other than table and td to create layout tables, and then claiming it’s not using tables for layout, borders on self-deception.

Internet Explorer 5.0 Win 95+ 5 C Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C Tasman Internet Explorer 5.2 Mac OS 8-X 1 C Trident Internet Explorer 5.5 Win 95

テーブルデータソート 検索もあるよ！

Silly me, I thought we'd won this war years ago but there's always one guy who has used CSS for a month doesn't get it and writes a post like this. Good comments though.

CSS Trolls begone

Faire défiler le contenu d'un tableau avec javascript

This updated table sorter script is easy to use and feature packed at only 2.5KB. New features include column highlighting, optional pagination, support for links, and date/link parsing. A few other features are alternate row highlighting, header class toggling, auto data type recognition and selective column sorting. More updates will follow soon.

テーブルをストライプ化＆ソート可能にする軽量（2.5KB）なライブラリ。文字列・数値・通貨・日付の並び替えに対応。オプションでページ分割も可能。商用・非商用フリー。

Un javascript de 2,5 ko pour faire des tables triables.

From WebAppers. Non library specific table sorting plugin.

KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table.

Nice editable table through jQuery

Over the last several years, developers have moved from table-based website structures to div-based structures. Hey, that’s great. But wait! Do developers know the reasons for moving to div-based structures, and do they know how to? Often it seems that people are moving away from table hell only to wind up in div hell.

Table Layouts vs. Div Layouts: From Hell to... Hell? | CSS | Smashing Magazine - http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

なんでもかんでもdivで囲んだ時期、僕にもありました　いまでは必要なときにはtableをレイアウトに使います（例：内容に合わせてブロック要素の幅を自動的に伸縮したい）　もちろんスクリプトを使えばtableに頼らなくても簡単に解決できますが、案件によってはスクリプトフリーにしたいこともあるのです

TableSorter, Colorize, tableRowCheckboxToggle, TablePagination, JQTreeTable, jQuery table2csv, jQuery Table Display, FireScopeGrid, SearchTable, tableLib,

Check out top 10 jquery plugins for working with tables

SIIIICK Data Table

Using jQuery To Manipulate and Filter Data

Fusion Tables é uma plataforma online com nova tecnologia que uniformiza diversos tipos de dados e promete economia às empresas.

Table is an excellent way of presenting information, especially when a company wants to cite various prices for its services or products. For instance, some

HTML Table building samples

JSを併用したテーブルのデザインパターンのまとめ。 サンプルというわけじゃないので、即使えるというわけじゃないけど、テーブルのデザインもカッチリやってあるサイトは個人的には好印象。

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

datagrids

Theres no point in having an awesome website and an awesome product if your product comparison table is crap. It will throw people right off, and believe me I have seen some bad tables. Anyway here is a collection of the best product comparison tables handpicked by WebdesignDev.

Help full site

The third iteration of the TinyTable table sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. At only 6KB it is still lightweight, quick, and includes all previous TinyTable features. Other features include alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting. If you don’t need the new features take a look at the second version of the script which weighs 2.5KB. To initialize a table sorter follow the pattern below:

12 Useful jQuery Plugins for Working with Tables

eight but rich data grid with resizable columns a

Plugin para deixar o header da tabela fixo em jquery.

Chromatable JQuery Plugin

Table with fixed th

table header fixed

Tabele o ustalonej kolumnie

Preise darstellen

Web Design - Pricing Tables | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials - http://abduzeedo.com/web-design-pricing-tables

Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a <table>).

After forms, data tables are likely the next most ubiquitous interface element designers create when constructing Web applications. Users often need to add, edit, delete, search for, and browse through lists of people, places, or things within Web applications. As a result, the design of tables plays a crucial role in such an application’s overall usefulness and usability.

Great filter examples from Luke Wroblewski.

luke w

Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have bad reputation and many find them boring.

Tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable.

Table tools

CSS

Feature Table Design | CSS-Tricks

como crear una tabla de caracteristicas con html y css

I ran into the feature table design from Shopify over on Pattern Tap and I was like DAMN SHOPIFY, that is one sexy table. I was inspired to try and replicate

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

Mitya.co.uk - scripts, plugins and tutorials for Javascript, jQuery and PHP. Check out my web development blog for the latest updates.

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111