WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Freeze both top row and left column (9 posts)

  1. BardwellMedia
    Member
    Posted 8 months ago #

    I'm using the responsive plugin, which moves my header row as a leftside column. That is fine, but I would still want to freeze the top row. Similar features in spreadsheets allow for freezing of header rows and columns. You have plugins for fixed, but they don't seem to function properly while also using the responsive plugin.

    Perhaps I'm not doing it correctly.

    Please check out http://peakzonefitness.com/gym-comparison-chart/. I only have the responsive plugin, using the short code, activated as to not destroy the table.

    Please let me know if this is possible to have both responsive and fix/freeze the top row.

    Thanks so much.

    http://wordpress.org/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    thanks for your post.

    I'm confused here. If you freeze the top row, the data in the table will no longer match to the heading? Why would you want to freeze that?
    (Or actually: What does "freeze" mean for you? Should it stay in place at all times?)

    Regards,
    Tobias

  3. BardwellMedia
    Member
    Posted 8 months ago #

    Thanks for your quick reply.

    The far left column, or heading, is frozen. So if I scroll to find, for example, Gold's Gym I want it to stay at the top of the screen as I then scroll down.

    As it is right now if I scroll down, I can't see which gym I'm comparing. So I want the left column to stay frozen as I scroll left/right, which it does, and then the Top row to stay frozen as I scroll down/up.

    I hope this clarifies better.

    Thanks again.

  4. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    ah, ok. Thanks for the clarification! :-) That makes sense. I had interpreted your idea as keeping the top row fixed when scrolling left/right, which obviously does not make sense.

    Now, unfortunately, the Responsive Tables Extension does not allow something like that. It can only fix the left column (i.e. the actual table head row). To also keep the "new" top" row fixed, you'll need to turn off the Responsive Tables Extension and then try the FixedHeader Extension from http://tablepress.org/extensions/datatables-fixedheader/ with a Shortcode parameter like

    [table id=123 datatables_fixedheader="top,left" /]

    You'll then however have to flip the table manually (on the "Edit" screen), and the sorting arrows will be on the top row then.

    Sorry for not having better news.

    Regards,
    Tobias

  5. BardwellMedia
    Member
    Posted 8 months ago #

    Hmm, but then I'm still without a frozen left column.

    Perhaps then I'll suggest that as a future feature to this great plugin.

  6. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    no, the FixedHeader Extension (with the Shortcode I posted above) also fixed the left column (if the page is wider than the screen, so that horizontal scrolling is necessary.
    As an example of the functionality (without TablePress here, though), see http://www.datatables.net/release-datatables/extras/FixedHeader/top_bottom_left_right.html which even fixes the right column and bottom row.

    Regards,
    Tobias

  7. BardwellMedia
    Member
    Posted 8 months ago #

    Well, I tried your short code. It definitely froze the top row, which is the heading row, but since I have 14 columns, it runs off the right side of the page. That is where the responsive plugin would come in handy.

    Also the link you posted above doesn't work.

  8. BardwellMedia
    Member
    Posted 8 months ago #

    I see what you mean with this link http://www.datatables.net/extras/fixedcolumns/

    I'm missing something though as your shortcode didn't work for me.

  9. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    weird, the link I posted works fine for me on different computers and different browsers.
    And yes, that solution is probably not that helpful then for tables that extend far to the right :-(

    The FixedColumns Extension can maybe help here, but it again does not allow to fix the head row.

    So, I guess, I don't have a nice solution here :-( Sorry!

    Regards,
    Tobias

Reply

You must log in to post.

About this Plugin

About this Topic