Support » Plugin: TablePress » Freeze both top row and left column

  • Resolved BardwellMedia

    (@bardwellmedia)


    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/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    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

    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.

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    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.

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    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.

    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.

    Plugin Author TobiasBg

    (@tobiasbg)

    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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Freeze both top row and left column’ is closed to new replies.