Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS mobile table 2

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #197169
    analis
    Participant

    This is my table:

    <table>
    <tr><td>1</td><td>one</td><td>2</td><td>two</td><td>3</td><td>three</td><td>4</td><td>four</td></tr>
    </table>

    can be transformed so without changing html ?

    <table>
    <tr><td>1</td><td>one</td><td>2</td><td>two</td></tr>

    <tr><td>3</td><td>three</td><td>4</td><td>four</td></tr>
    </table>

    thanks

    #197185
    Paulie_D
    Member

    Not really….Ideally you’d need to split them into separate tr and then you could do something.

    Unless I can think of something creative which I haven’t come up with yet.

    #197186
    Paulie_D
    Member

    Hmmm…I don’t like it but

    http://jsfiddle.net/mk18s09c/

    #197194
    analis
    Participant

    hi paulie_D

    if I add more rows does not work

    #197197
    Paulie_D
    Member

    No it doesn’t…I just gave you an idea of one option that works in a specific case.

    If you don’t want a table to behave like a table…don’t use a table.

    #197203
    analis
    Participant

    now works on multiple lines

    http://jsfiddle.net/nmqd54rp/8/

    #197205
    analis
    Participant

    shorter columns to make you think this is the best method ?

    http://jsfiddle.net/nmqd54rp/9/

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.