SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table with Locked Header and Column - xTable

    Hello, I've just come across this example at cross-browser.com. Does anyone know if it is possible to lock more than 1 column?

    Thanks.

  2. #2
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi JP, Welcome to SPF!

    For reference, JP is referring to the xTable demo.

    xTable does not support locking more than one column - but of course anything is possible

    Thanks for your interest - even tho I didn't have much of an answer for you

  3. #3
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. I posted this same question as well as another on one of the other sites. I hope that wasn't against the rules. I'll keep playin'.

  4. #4
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are no rules

  5. #5
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My other question was: I have the need to display a popup calendar in the scrollable table area but I cannot get it display. I've tried playing with the z-index of the popup but no luck. Any ideas?

  6. #6
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is the calendar html contained within one of the TDs or outside the table? Can you give us a link to the page?

  7. #7
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Acually I mistakenly said it was a popup DIV. It's actually an IFRAME.

    The project I'm working on is on our company intranet so I can't post a link.

  8. #8
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'll have to give us some idea of where the iframe is in the html. The only way a table could be displaying on top of an iframe is if the table (or an element in the table's parent chain) has a z-index higher than the iframe (or an element in the iframe's parent chain).

  9. #9
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have given me something to try. Right now the IFRAME tags are inside the HEADER tags. I'll move the IFRAME around to see if that changes anything.


    Thanks.

  10. #10
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mike, I move the IFRAME inside the "leftcolumn" DIV and it now displays. Thanks for pointing me in the right direction.

    Now if I can just figure out how to lock more than 1 column.

  11. #11
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great! Glad you got the iframe issue fixed

    When I first wrote xTable I had ideas for making it support the locking of any number of rows and cols - but I didn't have time to go that far with it. I would like to rewrite that object - some day perhaps.

    Be sure to use a DOM Inspector to see how the dynamically created elements are structured. The table is removed and in its place is inserted a DIV (class xtRoot) which contains three DIVs. They are absolutely positioned within the relatively positioned xtRoot. Those three are the frozen row container, the frozen col container and the table container.

    The frozen row and col containers have "inner containers" in order to implement simulated scrolling. An inner container has a DIV for each cell found in the original row or col (which eventually gets removed). In each of these "cell DIVs" is a one-celled table. I didn't, and still don't, like inserting a table for every cell in the frozen row or col - but it was a compromise - I was running out of time to put into it. Getting a frozen cell's contents to retain its original styling meant it had to be in a table cell. Getting the frozen cells to align and scroll in sync with the table proved to be quite tricky ;-) especially getting it to work cross-browser - so that also resulted in some compromises.

  12. #12
    SitePoint Member
    Join Date
    Mar 2007
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is there a free DOM Inspector available?

  13. #13
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Firefox comes with one. Opera also has some very useful developer tools.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •