Re: Table property for Mobile devices

Hi, Nestor,

I think that such table transormation is a bit unnatural
especially considering that data in rows related to each other.
I mean to break rows is not good idea in most cases.

One possible practical solution would be to use overflow-x:auto for such
tables
so scrollbar will allow user to browse such table by scrolling it
horizontally.

Andrew Fedoniouk.
http://terrainformatica.com

[1] http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-overflow-x

----- Original Message -----
From: "Nestor Boscan" <nestor.boscan@tcs.com.ve>
To: <www-style@w3.org>
Sent: Sunday, September 19, 2004 9:59 PM
Subject: Table property for Mobile devices


>
> 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:39:34 UTC