WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Column Sort (13 posts)

  1. cmodesign
    Member
    Posted 1 year ago #

    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: Enabled

    Am I missing something? Do I need to add/activate any other extensions?

    http://wordpress.org/extend/plugins/tablepress/

  2. naloo
    Member
    Posted 1 year ago #

    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 problem

    here'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: 27

    and 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: 91

    these 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: false

  3. naloo
    Member
    Posted 1 year ago #

    sorry, 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: 81

    Zeitstempel: 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: 121

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    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,
    Tobias

  5. cmodesign
    Member
    Posted 1 year ago #

    Here is a link to one of the pages with a TablePress:
    http://gmii.ca/globalblog/research/reports/

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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,
    Tobias

  7. cmodesign
    Member
    Posted 1 year ago #

    Thx 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)?

  8. naloo
    Member
    Posted 1 year ago #

    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! nadia

  9. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    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,
    Tobias

    P.S.: cmodesign, in case you haven't, please rate TablePress here in the plugin directory. Thanks! And thanks for your nice review, naloo!

  10. cmodesign
    Member
    Posted 1 year ago #

    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!

  11. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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,
    Tobias

  12. cmodesign
    Member
    Posted 1 year ago #

    Thx. 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. :)

  13. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    great to hear that this helped! And thanks for the rating, that's very nice! :-)

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic