Vertical scrolling

Hi,

That is weird. Maybe I will merge that row and try to space them, but not sure how that will affect other browsers. Overall,it’s probably not a big deal on my website.

I’m fine with the manual scroll for now, but when we have a lot more donors I may need to look for an auto-scroll plugin for that page.

Thanks
Andrew

Hi,

yes, strange indeed, but it’s really not a big deal, so you shouldn’t bother to much about it.

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Thanks, I’m not losing sleep over it…yet (haha)
And, I rated and reviewed your plugin, too.

Andrew

Hi Andrew,

??
Thanks for the review, I really appreciate it!

Best wishes,
Tobias

I think I’ve got my tables set up, then saw this method of scrolling vertically – which I like better than the pages of 15 rows or whatever.

However, when I tried adding the shortcode as suggested here
[table id=8 datatables_scrolly=”500px”/],
1. all the table headings got shifted to the left, so they were not aligned with their columns – until I clicked on the row, then everything lined up. (I could live with that.)

2. When I tried to “search” for items, like “equestrian”, it was ok for the first few letters, but then started dropping items. So rather than 6 rows, it ended up showing me only one or two by the time I had typed in more letters.

I’m sure there’s something simple I’m overlooking, but not sure what to search for. I’m a trail volunteer, relatively new to WordPress and coding.

Thanks.

https://www.matsutrails.org/trail-resources/trail-groups/
(I have it without the shortcode right now. Wasn’t sure how to share without going live.)
I’m using Firefox 23.0.1, Weaver II Pro.

Hi,

thanks for your question and sorry for the trouble!

To find out what’s going on, I’ll need to see this on the page. Therefore, please create a new test page on your site that has the full Shortcode, so that I can see what happens. Thanks!

Regards,
Tobias

Hopefully, this works.

https://www.matsutrails.org/test-page-for-trail-groups/

Thanks,
Dot

Hi,

thanks for the link!

This is really strange… For some reasaon, there seems to be a JavaScript error on the page (I can see one related to “CharCodeAt” in the error console in the browser).
However, I can’t really spot a possible reason for this, especially as this error does not show up on the page that is working…
All I can therefore recommend is to ask about this in the forums of the DataTables JS library at https://www.datatables.net .
Maybe they know what wrong here…

Regards,
Tobias

Thanks for quick response. I’ll try over in the DataTables forums.

For curiosity, and no idea if this is related or not (other than related to datatables), but when I set up the original sort, and it had those little triangles, they extended over into the column to the right. IOW, col 1 sort triangles were at the left end of col 2, etc, and the last column’s were outside the table. But I noticed you could sort just by clicking on the heading itself. Then I stumbled across and inserted your code from another thread
.dataTables_wrapper .tablepress-id-8 .sorting div:after,
.dataTables_wrapper .tablepress-id-8 .sorting_asc div:after,
.dataTables_wrapper .tablepress-id-8 .sorting_desc div:after {
display: none;
}

to get rid of the triangles. I wasn’t seeing my situation in any threads, but this at least got rid of the visual issue. The cause was unresolved in my mind (everybody else’s triangles are nicely placed), but I’ve got a visual result that works for me.

Thanks for you quick help.

Dot

Hi,

the sorting arrows were in the wrong place because of some CSS in your theme.
Instead of removing them with the CSS that you posted, I recommend to just fix their positioning with this “Custom CSS”:

#content .dataTables_wrapper .sorting,
#content .dataTables_wrapper .sorting_asc,
#content .dataTables_wrapper .sorting_desc {
  padding-right: 20px;
}

Regards,
Tobias

Thanks! That worked well!. I would have done if I could have found the sample code to do that when I was browsing earlier threads.

I just submitted the main question over with the datatables forum after searching and browsing those forums for awhile. Another thing that’s weird with that bad page is that the 2nd table (the one without scrolly) doesn’t sort and isn’t recognized by their debugger.

Thanks for your help.

Dot
(been tied up in meetings)

Hi,

yeah, you couldn’t find that code in the earlier threads or the FAQ as it’s rather specific to your theme… But good to see that it works! ??

And the second table on the page is not working due to those JavaScript errors. They will not only break the functionality on the first table, but also stop the execution of the remaining JS on the page, so that the extra functions on the second table are never initialized.

So, let’s hope that the DataTables forums can help with a solution.

Regards,
Tobias