Column Sort
-
I am using TablePress v0.9-RC. Everything seems to be working fine including the CSS styling. The one thing I cannot get to work is the Features of the DataTables JavaScript Library. Specifically I am trying to enable column “Sorting” capability. I have checked off the options for my table.
Use DataTables: Enabled
Sorting: Enabled
Search/Filtering: Enabled
Pagination: EnabledAm I missing something? Do I need to add/activate any other extensions?
-
i am experiencing the same problem, tried different themes, turned off all other plugins, no help.
– tried serveral browsers, all the same
– script_debug didnt solve the problemhere’s what my error-console said with the twenty eleven theme:
– Fehler: TypeError: r is undefined
Quelldatei: http://deliadahinden.ch.valerius.ch-meta.net/wp-content/plugins/tablepress/js/jquery.datatables.min.js?ver=0.9-RC
Zeile: 27and here what it said, when i use my custome theme
Zeitstempel: 09.04.13 14:29:57
Fehler: TypeError: jQuery(…).nivoSlider is not a function
Quelldatei: http://deliadahinden.ch.valerius.ch-meta.net/
Zeile: 91these are the table press infos:
Website: http://deliadahinden.ch.valerius.ch-meta.net
· TablePress: 0.9-RC
· TablePress (DB): 17
· TablePress table scheme: 3
· Plugin installed: 2013/03/08 14:14:31
· WordPress: 3.5.1
· Multisite: no
· PHP: 5.3.22
· mySQL (Server): 5.5.29-cll
· mySQL (Client): 5.5.29
· ZIP support: yes
· UTF-8 conversion: yes
· WP Memory Limit: 40M
· Server Memory Limit: 256M
· Magic Quotes: off
· WP_DEBUG: falsesorry, i made a mistake, the second error with my custom theme, is for an other plugin nivoslider which is not showing properly as well… so only the first one…
when i change to my custom theme i do not get any errors but warnings. table press is not working.Zeitstempel: 09.04.13 14:38:12
Warnung: Deklaration erwartet, aber ‘*’ gefunden. Übersprungen bis zur nächsten Deklaration
Quelldatei: http://deliadahinden.ch.valerius.ch-meta.net/wp-content/plugins/tablepress/css/default.css?ver=0.9-RC
Zeile: 81Zeitstempel: 09.04.13 14:38:12
Warnung: Fehler beim Verarbeiten des Wertes für ‘text-decoration’. Deklaration ignoriert.
Quelldatei: http://deliadahinden.ch.valerius.ch-meta.net/wp-content/plugins/tablepress/css/default.css?ver=0.9-RC
Zeile: 121Hi,
Thanks to you two for the questions, and sorry for the trouble.
@cmodesign: No, you are missing nothing. This is most probably a JavaScript conflict with some other plugin that causes the JavaScript functions to fail.
To find out more details, I’d need to take a look at the site directly. Therefore, please post a link to the page with the table. Thanks!@naloo: Your problem is similar:
In your case, the problem is that you are using combined cells in the table. This is not supported by the DataTables JavaScript library, unfortunately 🙁 You will have to decide: Either use the JS functions, or combined cells, but not both at the same time…Regards,
TobiasHere is a link to one of the pages with a TablePress:
http://gmii.ca/globalblog/research/reports/Hi,
thanks for the link!
The reason for the problem is a JS function call in the file http://gmii.ca/globalblog/wp-content/themes/bizway/js/custom.js
There, the code
//Contact validate jQuery(document).ready(function(){ jQuery("#contactForm").validate(); });
can not be executed, because the
validate()
function is missing, most likely because the corresponding JS file is not loaded. Due to this, all of the JS on the page is not executed, so that the sorting functions are not executed.To fix this, I suggest to remove this code.
Regards,
TobiasThx for the quick response. That fixed the problem and all of the tables now work perfectly. Is there a way to style the Pagination section (specifically the <Prev Next> icons)?
hi tobias
thanks so much for the reply, it was the combined cells – and the <?php wp_footer(); ?> that somehow got lost and i just not realised, that it was missing… very nice plugin, will defenitely give it 5 stars! nadiaHi,
great to hear that you two were able to fix this! 🙂
@cmodesign: For those icons, you can style their color with CSS. If you want other icons, you’d have to fall back to images which doesn’t have all of the advantages that are mentioned in http://tablepress.org/release-announcement-tablepress-0-9-rc/
What in particular do you want to style?Best wishes,
TobiasP.S.: cmodesign, in case you haven’t, please rate TablePress here in the plugin directory. Thanks! And thanks for your nice review, naloo!
Are the arrow icons being generated using “font icons”. I am currently using FontAwesome on the website and wouldn’t mind using their graphics. I also just wanted to adjust the blue colors to match the color palette of our website. Where can I find out info for the CSS tags required to make these changes.
BTW, amazing Plugin and Support. I will be rating it 5 stars!
Hi,
yes, those icons are from FontAwesome, as mentioned in that link I posted.
To adjust the colors, you can use this “Custom CSS” code that needs to be entered on the “Plugin Options” screen:
.paginate_enabled_previous:before, .paginate_enabled_next:after { color: #ff0000; } .paginate_disabled_previous:before, .paginate_disabled_next:after { color: #00ff00; } .paginate_enabled_previous:hover:before, .paginate_enabled_next:hover:after { color: #0000ff; }
There are three basic states: disabled, enabled, and enabled plus hovered.
And thanks for wanting to rating TablePress, I really appreciate it!
Regards,
TobiasThx. That worked perfectly. I’m not sure how I missed the FontAwesome details in the link you sent (obviously I didn’t read all the way to the bottom). I have rated the plugin. Thx for the prompt responses. 🙂
Hi,
great to hear that this helped! And thanks for the rating, that’s very nice! 🙂
Best wishes,
Tobias
- The topic ‘Column Sort’ is closed to new replies.