WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Scrolling (7 posts)

  1. gsbohn
    Member
    Posted 1 year ago #

    I particularly like the scrolling function this is shown in the preview. Is it possible to do that on the post page.

    I assume you have to set a maximum shown on the screen before the scroll bar was needed. This would be in place of pagination.

    In one column I am using an iframe Youtube call (300px). The more items I enter, the slower the load. I expect the pagination to help but I'd rather have the scroll if it would save load time. I'd like the scroll whether is save load time or not. LOL

    I've tried all the table plugins - this is by far the best.

    Thank you
    Genie

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I'm not really sure what scrolling feature you are talking about here... Could you maybe post the URL or a screenshot about where you found this?

    Thanks!
    Tobias

  3. gsbohn
    Member
    Posted 1 year ago #

    Here is the page under construction using the pagination feature. Disregard the text under the table. That is being added a little at a time.
    Normal Page

    On the List of Tables page, you have Preview option that allows you to see the table without expanding the entire page. See the link below. You will notice in the link below how there is a scrollbar where I can see the entire contents on the one page instead of using the pagination. I was wondering if using a scrollbar function, instead of pagination can be done or be added as an alternate feature for the post page?

    Table Scroll

    Thank you for your attention.

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for the link and the description!
    Now I now what you mean :-) The scrolling that you see in the preview is only possible because the table is part of an iframe modal window. Something like this is not really possible or useful when the table is shown on the frontend. However, there's different scrolling mechanism that you could you. You can see it in action here:
    http://datatables.net/release-datatables/examples/basic_init/scroll_y.html

    Now, unfortunately, that scrolling can not be used in WP-Table Reloaded, but in the official and designated successor of WP-Table Reloaded, which I'm currently working on. It is called TablePress and available at http://wordpress.org/extend/plugins/tablepress/ . However, to use this specific feature, you will have to wait for version 0.8-beta, which I will release next week, or use the current developer version from the GitHub repository.
    So, my suggestion is that you switch now from WP-Table Reloaded to TablePress, and also already change the Shortcode of your table to

    [table id=2 datatables_scrolly="500px" /]

    Once you then update to 0.8-beta, the table will automatically use the scrolling.

    Regards,
    Tobias

  5. gsbohn
    Member
    Posted 1 year ago #

    This sounds like a real winner. I am looking forward to it. Thank you so much for a great script and for being a coder on top of your users questions. When I settle for a script, the authors promptness to help will always win the day for me, often exceeding the functionality of the script itself.

    Genie

  6. gsbohn
    Member
    Posted 1 year ago #

    I'm importing but the custom CSS is not being read properly.

    Should it still read "table-reloaded" call?

    .wp-table-reloaded-id-2 .column-4 {
      width: 300px;
    }
    .wp-table-reloaded-id-2 .column-1 {
      width: 75px;
    }
    .wp-table-reloaded-id-2 .column-2 {
      width: 75px;
    }
  7. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    great to hear that his will help you :-)

    And sorry about the failed "Custom CSS" import. Not sure why this didn't work. Fortunately, you can easily do this manually. Please replace the CSS that you posted with this (which I also shortened and sorted a little bit):

    .tablepress-id-2 .column-1,
    .tablepress-id-2 .column-2 {
      width: 75px;
    }
    .tablepress-id-2 .column-4 {
      width: 300px;
    }

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags