• Resolved cmodesign

    (@cmodesign)


    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/

Viewing 12 replies - 1 through 12 (of 12 total)
  • naloo

    (@naloo)

    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

    naloo

    (@naloo)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Thread Starter cmodesign

    (@cmodesign)

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

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Thread Starter cmodesign

    (@cmodesign)

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

    naloo

    (@naloo)

    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

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

    Thread Starter cmodesign

    (@cmodesign)

    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!

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Thread Starter cmodesign

    (@cmodesign)

    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. 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great to hear that this helped! And thanks for the rating, that’s very nice! 🙂

    Best wishes,
    Tobias

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Column Sort’ is closed to new replies.