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
Thread Starter
gsbohn
(@gsbohn)
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.
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://ww.wp.xz.cn/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
Thread Starter
gsbohn
(@gsbohn)
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
Thread Starter
gsbohn
(@gsbohn)
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;
}
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
