[Plugin: WP-Table Reloaded] – fixed height, but still scrollable

  • Resolved swollenfox

    (@swollenfox)


    15 years, 6 months ago

    I’ve been looking around and can’t find anything on this topic, but I was wondering if it is at all possible to do this:

    I want the table to be a fixed height, but still be able to scroll through it (much like an embedded google calendar).

    this is my calendar and it’s so long, I’d like to find a way to keep from making people click to a next page of the table just to get to the end, while not having the table’s height being so large.

    if i can’t fix the height and have it scrollable, does anyone have any other ideas?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 6 months ago

    Hi,

    I guess you want something like this, maybe?:
    http://datatables.net/examples/basic_init/scroll_y.html

    As you can see, this is possible with the DataTables JavaScript library, which also offers the sorting and searching in tables.
    However, this functionality is not included in WP-Table Reloaded yet (it’s pretty new), in terms that there is no direct “click to activate” support yet.
    Nevertheless, you can use that feature on tables that are maintained/shown by WP-Table Reloaded.
    To activate the feature, all you should need to do, is this:
    1. Deactivate the pagination feature (uncheck the checkbox for it) on the “Edit” screen of the table, in the “DataTablesJavaScript features” section.
    2. Below that checkbox, you will find a textfield called “Custom Commands”. Into that field, enter the code:

    "sScrollY": "200px"

    (where you can change the 200px to your desired table height.)

    Now, it might be possible that the feature will not yet work to total satisfaction. This could be, because WP-Table Reloaded does not yet include the latest version of the DataTables library’s JavaScript and CSS code. So, if you are experiencing visual glitches, you will need to try to manually use the feature. For that, you will need to manually load (the newest version of) DataTables into your site (according to the documentation from the link above), and under the help of this post: http://wordpress.org/support/topic/plugin-wp-table-reloaded-column-filtering-using-select-menus

    Best wishes,
    Tobias

    Thread Starter swollenfox

    (@swollenfox)

    15 years, 6 months ago

    Yes, that’s exactly what I’m trying to do.

    When I do the two steps, everything works except for the fact that the two columns from the right disappear. You can see what I mean here: http://theswollenfox.com/philadelphia-concert-calendar/”

    I also tried to use the Initialisation code from the datatables documentation but it didn’t change anything.

    Does this mean I should try to manually load DataTables, or is there some easier fix?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    15 years, 6 months ago

    Hi,

    yes, that unfortunately means that you will need to do the initialisation by yourself, with the latest version of the library.
    For further questions regarding this feature I would also recommend asking in the DataTables forums at http://www.datatables.net/forums, where the DataTables developer will be able to help you better than I can.

    Best wishes
    Tobias

    Thread Starter swollenfox

    (@swollenfox)

    15 years, 6 months ago

    ah, ok, i’ll give it a shot.

    thanks for your help tobias!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Plugin: WP-Table Reloaded] – fixed height, but still scrollable’ is closed to new replies.