Table property for Mobile devices

• From: Nestor Boscan <nestor.boscan@tcs.com.ve>
• Date: Mon, 20 Sep 2004 00:59:54 -0400
• To: <www-style@w3.org>
• Message-Id: <200409200458.i8K4w9EI028067@rs25s9.datacenter.cha.cantv.net>

Hi
 
I've been working with several mobile technologies: WML, XHTML, PDAs, etc.
One of the problems that comes up when creating content for this devices is
that tables in XHTML are too big for PDA and Cell phone screens. Tables that
have many columns have to be replaced so they can be viewed properly in the
screen.
 
An example is a better way to show this:
 
Example 1:
 
+--------+--------+--------+
|Header 1|Header 2|Header 3|
+--------+--------+--------+
|Value  1|Value  1|Value  1|
+--------+--------+--------+
|Value  2|Value  2|Value  2|
+--------+--------+--------+
|Value  3|Value  3|Value  3|
+--------+--------+--------+

Is replaced with:

+--------+
|Header 1|
+--------+
|Value  1|
+--------+
|Value  2|
+--------+
|Value  3|
+--------+

+--------+
|Header 2|
+--------+
|Value  1|
+--------+
|Value  2|
+--------+
|Value  3|
+--------+

+--------+
|Header 3|
+--------+
|Value  1|
+--------+
|Value  2|
+--------+
|Value  3|
+--------+

Example 2:

+--------+--------+--------+--------+
|Header 1|Value  1|Value  1|Value  1|
+--------+--------+--------+--------+
|Header 2|Value  2|Value  2|Value  2|
+--------+--------+--------+--------+
|Header 3|Value  3|Value  3|Value  3|
+--------+--------+--------+--------+

Is replaced with:

+--------+
|Header 1|
+--------+
|Value  1|
+--------+
|Value  1|
+--------+
|Value  1|
+--------+

+--------+
|Header 2|
+--------+
|Value  2|
+--------+
|Value  2|
+--------+
|Value  2|
+--------+

+--------+
|Header 3|
+--------+
|Value  3|
+--------+
|Value  3|
+--------+
|Value  3|
+--------+

So it would be nice to have a CSS property that can do this kind of
transformations.

Regards,

Néstor Boscán 	

Received on Monday, 20 September 2004 05:03:00 UTC