Can i make a table auto fill a page with rows

Discussion in 'Web Design and Development' started by Cabbit, Nov 17, 2011.

  1. Cabbit macrumors 68020

    Cabbit

    Joined:
    Jan 30, 2006
    Location:
    Scotland
    #1
    Heya folks i am wanting to create a application that looks desktop like, it has a iTunes like interface and predominantly table based content. What i would like to do is have the table element fill the entire page with empty tr elements to continue the banding until the bottom of the container div.

    How would i go about making the table continue so it looks more like a something like iTunes/Sequal pro?
     

    Attached Files:

  2. jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #2
    Assuming the container has a pre determined size, you could just fill the table with enough empty rows to fill that size. This could be done client side with Javascript (jQuery), especially since JS can find out how big that container is dynamically and generate more empty rows to fill it.

    It could be done in whatever language you're building the site with as well, but there might be complications down the line if you decide to change the size of the container.
     
  3. elppa macrumors 68040

    elppa

    Joined:
    Nov 26, 2003
    #3
    If each row is the same height then I would be tempted to make a background image of one odd and one even row and tile it behind the table.

    If the rows are not always the same height then I would probably use the same background image on an element whose height is calculated dynamically to fill the remainder of the page.

    The only trick would be ensuring the last real row and the first fake row on the background image join up.

    The reason I wouldn't choose to add/remove extra rows is because it involves excessive DOM manipulation every time the page is resized.
     
  4. jared_kipe, Nov 19, 2011
    Last edited: Nov 19, 2011

    jared_kipe macrumors 68030

    jared_kipe

    Joined:
    Dec 8, 2003
    Location:
    Seattle
    #4
    The background image is a really good idea actually, don't color the rows at all, just let the background repeat in x and y. (unless you select a row, then you can highlight it)

    EDIT: For the record, looking at the thumbnail I thought there was a set hight of the content (where that grey bar is on the left) So I didn't think filling it out would be so bad.
     

Share This Page