New update available: WP-Table Reloaded 1.7

March 16th, 2010 by Tobias Leave a reply »


After six weeks without an update, a new version of WP-Table Reloaded can be downloaded: The automatic update for WP-Table Reloaded 1.7 should be available in your WordPress admin area shortly.

As already mentioned in the beta test announcement post, the changes are:

  • feature: add “Table” button to the visual editor (TinyMCE)
  • feature: update DataTables JavaScript library to version 1.6.2, including TableTools
  • enhancement: add option for initial number of rows per pagination page
  • enhancement: “DataTables JavaScript Features” section is visible by default
  • enhancement: add value “all” to the four Shortcode parameters show_rows, hide_rows, show_columns, hide_columns
  • enhancement: add WP-Table Reloaded screen icon to all plugin screens and the Top-Level menu entry
  • enhancement: add two template tag functions that return the output instead of echoing it
  • bugfix: fix problem with admin menu parent pages, make them ready for WP 3.0
  • bugfix: import/replace replaces only data; name, description, options, and visibility settings are kept
  • languages: added French, Chinese (Simplified), Russian, and Ukrainian
  • a few minor changes, fixes, code clean-ups, and optimizations

During the last weeks, I also published several WP-Table Reloaded Extensions, small code snippets that can be used to add further functions to the plugin, and that have received a great reception by all users.

You can download WP-Table Reloaded 1.7 from the plugin’s page or from the WordPress Plugin Directory.

If you like the plugin, I’d be very happy if you would rate it in the WordPress Plugin Directory. You might also consider a donation or have a look at my Amazon wishlist. This will encourage me to further develop the plugin and keep giving countless hours of support. Thank you!

If you experience any trouble, find bugs or have feature requests, please don’t hesitate to contact me via the means mentioned in the support section. Please make sure to carefully read the plugin’s page as well as the Documentation. A lot of questions are already answered in the Frequently Asked Questions section.

I hope you enjoy the new version! :-)

29 comments

  1. Angelo says:

    Hi,

    habe das Plugin mal geupdatet und wenn ich jetzt auf die Seite mit der Tabelle gehe, kommt folgende Meldung:

    “DataTables warning: Unexpected number of TD elements. Expected 162 and got 198. DataTables does not support rowspan / colspan in the table body, and there must be one cell for each row/column combination.”

    Wo liegt der Fehler?

    P.S.: Gibt’s kein extra Forum für Fragen zu WP-Table Reloaded?

    • Tobias says:

      Hi Angelo,

      also die Fehlermeldung ist mir noch nicht begegnet, aber sie klingt sehr eindeutig :-) Verwendest du denn rowspan or colspan in der Tabelle? Dann sollte es daran liegen, weil DataTables damit nicht richtig klar kommt (und dann wohl neuerdings eine Warnung ausgibt).

      Ein Forum gibt es, aber nicht auf dieser Seite. Ich nutze das WordPress Support Forum, welches sozusagen einen Bereich für das Plugin hat: http://wordpress.org/tags/wp-table-reloaded

      Schöne Grüße
      Tobias

  2. Ray Gulick says:

    Seems to be a problem on this update with alternate “pages”: all rows are colored rather than alternating rows. Instead of rows being designated as .even or .odd, they are designated as both.

    • Tobias says:

      Hi Ray,

      thanks for your comment. Unfortunately I’m not able to reproduce this. The table on the plugin page works fine and I have not received any other reports on this.
      Can you provide a link to the page with the table where this happens?

      Thanks!
      Best wishes,
      Tobias

  3. Han says:

    DataTables warning: Unexpected number of TD elements. Expected 51 and got 49. DataTables does not support rowspan / colspan in the table body, and there must be one cell for each row/column combination.

  4. aaron says:

    Tobias,

    I don’t see an option to ‘Insert Link’ on the “Edit” page of a table. How can I make data in a cell link to another page?

    Also, when I sort a column with numbers, it doesn’t sort by numerical order. It only sorts based on the first digit in the number. For example, if I sort in descending order, then 10,000 would show up before 900. Is this a bug?

    • Tobias says:

      Hi Aaron,

      thanks for your comment.

      The “Insert Link” button is a blue button that is located in the top left corner in the “Data manupalation” section, which is the screen under the section with all the data input fields, on the “Edit” screen of the table. Once you click it, you will be asked for the URL of the page that you want to create a link to.

      Regarding the sorting: The reason for this is, that you have not entered your numbers as plain numbers. You seem to also have used the comma as a thousand separator. This is currently not supported by the DataTables library, which is responsible for the sorting. The comma causes the library to treat your cells as strings and not numbers. And strings are sorted differently than numbers. You will need to remove any characters that are not numbers from the cells that you want sorted as numbers.

      Hope this helps.

      Best wishes,
      Tobias

  5. Sarah says:

    I’m wondering about the addition of the add “Table” button to the visual editor (TinyMCE). I updated to the newest version of WP-Table Reloaded for this specific addition to the plugin; however, the only way the “Table” button is visible within the TinyMCE is, when I select “toggle full screen mode”. Then I have to toggle full screen mode again for the popup to show in order to select a table.
    Has anyone else had this issue or is there a reason why I’m having this issue? Using WP 2.9.2.

    Thanks,
    Sarah

    • Tobias says:

      Hi Sarah,

      thanks a lot for your comment.

      I’m sorry that you are experiencing trouble the new “Table” button. Unfortunately, I have no idea what might be causing this on your site. It works fine on all my test and live sites and you are also the first person reporting this.
      I just used the standard methods for adding the button (just like many other plugins do it), so the only reason I could imagine is, that there might be a conflict with the JavaScript code of another plugin that you have installed.
      Could you maybe try to deactivate your other plugins one by one and then see if the button works as expected (don’t forget to clear your browser cache in between)?

      Best wishes,
      Tobias

      • Sarah says:

        Tobias,
        It seems to be an IE issue. The button shows up on all other browsers, just not within IE 8 or below.

        (By the way, I actually have no other plugins activated, so that would not be an issue getting in the way.)

        Otherwise, great plugin! I love it!

        Thanks,
        Sarah

        • Tobias says:

          Hi Sarah,

          thanks for your reply and for checking with the other browsers. That is of course a very good reason. IE unfortunately (still) has some problems with certain JavaScript code…
          To note: I just tried with IE 8 and it worked fine. However, when I activated the “Compatibility mode” (which basically transforms IE 8 into IE 7), I had to do the steps you describe. So, can you try again in IE 8 with “Compatibility mode” turned off (the icon to the right of the address bar)?

          Thanks for the info about the other plugins. You are right, this means that there is no conflict :-)

          I hope it is okay for you, if I don’t take any action on this, just because IE 7 is broken. I know, a lot of people are still using it, but I just don’t really have fun with trying to find workarounds for the bugs in it. Are you okay with using other brothers?

          Best wishes,
          Tobias

  6. John Olav O says:

    What an amazing job you have done! Thank you so much! :-)
    I just have one question: Is it possible to call the table by any URL parameters, in order to sort?

    • Tobias says:

      Hi,

      thank you for your question.

      I’m not really sure if I understood what you want to achieve, because I don’t really see the use case. Which sorting do you actually refer to? Do you want to influence the dynamic sorting of the DataTables JavaScript library?
      Or do you want to sort the table statically before it is shown (without the JavaScript)? It might be possible to achieve what you want then, but if would definitely require some programming, so that WordPress actually recognizes your URL parameters and then actually triggers the sorting using one of the plugin filters.

      Best wishes,
      Tobias

      • John Olav O says:

        Hi again Tobias!
        Sorry, if I expressed me in a foggy way. I thought about having some options in my menu from where the user could go to the table default sorted according to the menu choice (if it is possible to send any column sort parameters with the URL).

        • Tobias says:

          Hi John,

          thanks for the clarification.

          Unfortunately, what you are trying to do is not readily available for WP-Table Reloaded.

          It might however be possible in two ways, where both would require the development of a WP-Table Reloaded Extension, however.
          The first idea is, to hook into the load filter of the table and do a custom sorting there, depending on the parameters from the URL.
          The second idea would be to use the DataTables library for the sorting and just pass certain initialisation parameters to it, depending on the URL parameters.

          Best wishes,
          Tobias

  7. Nicole says:

    Hi Tobias,

    es wäre ganz toll, wenn es die Möglichkeit gäbe, Klassen für die Tabellen festlegen zu können, nicht nur IDs. Somit könnte man die Tabellen verschieden formatieren. Vielen Dank!

    LG,
    Nicole

    • Tobias says:

      Hallo Nicole,

      danke für deinen Kommentar.

      Auch wenn es im Moment noch nicht möglich ist, einer Tabelle eigene CSS-Klassen zuzuweisen (für die Zukunft plane ich etwas in der Art), besitzen die Tabellen jetzt schon eine eindeutige CSS-Klasse, mit der es auch möglich ist, die Tabellen verschiedenen zu formatieren. Jede Tabelle bekommt eine Klasse der Art .wp-table-reloaded-id-<ID>, wobei <ID> die ID der Tabelle ist. Wenn du diese Klasse als Ausgangspunkt für den jeweiligen Selektor nutzt, können alle Tabellen ein unterschiedliches Layout bekommen.

      (Falls du lieber jetzt schon eigene Klassen vergeben möchtest, wäre dies theoretisch schon über eine WP-Table Reloaded Extension und die Nutzung eines Plugin-Filter-Hooks möglich. Das ist aber mit ein bißchen programmieren verbunden und bringt eigentlich keinen weiteren Nutzen im Moment.)

      Schöne Grüße
      Tobias

  8. Shoko Japan says:

    Hi Tobias,
    I’m running into exactly the same problem, Sarah experienced.
    It happened even after I deactivated the “Compatibility mode” (in IE8).
    I guess it might be an IE and CSS problem :(
    Could you tell me where I can find the CSS code affecting TinyMCE?
    I’m using WP 2.9.2.

    Thanks,
    Shoko

    • Tobias says:

      Hi,

      thanks for your comment. Unfortunately, Sarah and I did not find a real cause to this problem.
      So, very likely it is a problem with IE and/or the CSS/JavaScript execution. It might also be a conflict with another plugin.
      Sorry, that there is no real fix, you might want to switch to a different browser.

      Best wishes,
      Tobias

      • Shoko Japan says:

        Hi again Tobias,
        Thanks a lot for your quick response!
        Too bad, you couldn’t find a cause.
        I’m personally using Firefox and didn’t notice this problem until one of my clients pointed it out (almost all my clients are using IE8).
        I’m going to ask them to use “Full screen mode” when editing posts.

        Thanks,
        Shoko

  9. Caillou says:

    I like WP-Table Reloaded. Thanks a lot for your quick response!

  10. Robert says:

    Hallo Tobias,

    erstmal sei auch von mir gesagt: Danke für dieses tolle Plugin!

    Hier aber nun mein Problem:
    Ich verwende WP 2.9.2 mit der aktuellen Version deines Plugins. Die Seite, auf welcher ich dies benutze, verwendet ein selbst erstelltes Theme. Bei diesem Theme ist der “PostContent”-DIV auf “overflow: auto;” mit einer fix definierten Höhe und Breite.

    Auf den Seiten, auf welchen ich dein Plugin verwende, lassen sich die Tabellen nicht scrollen – was mich noch mehr verwirrt ist aber, dass dies nicht immer so ist, sondern nur in speziellen Fällen (z.B. wenn ein Bild in der Tabelle verwendet wird).

    Ich lasse dir gerne einen Link zukommen, einfach danach fragen. Vielleicht fällt dir (wem sonst, wenn nicht dir ;) etwas dazu ein.

    Vielen Dank,
    Robert

    • Tobias says:

      Hi Robert,

      ja, die URL wäre natürlich hilfreich. :-)

      Gruß
      Tobias

      • Tobias says:

        Hi Robert,

        so, ich habe jetzt mal geguckt, bin aber auch ratlos. Leider kenne ich mich diesen CSS-Spielereien nicht gut genug aus.

        Es könnte höchstens sein, dass es an dem invaliden HTML liegt, dass auf manchen Seiten auftritt (siehe http://validator.w3.org).

        Ich empfehle, damit mal zu versuchen, die Fehler im Theme zu beseitigen.
        Wenn auch das nichts nützt: Brauchst du das overflow: auto; wirklich?

        Gruß
        Tobias

  11. mirjam says:

    Hi Tobias,

    Thanks for your wonderful plugin. One thing is not working in my website. Although I enabled TableTools, I still can’t click them. I can click on the topthings like do you want to be the top of the table your head etc. But the last row and the rows underneath can not be clicked. What’s my problem?

    • Tobias says:

      Hi,

      I’m not really sure what you are talking about. Do you mean the checkboxes on the “Edit table” screen?
      Have you enabled the “Table head” checkbox and the “Use DataTables” checkbox? Those are required for the feature to work.

      Best wishes,
      Tobias

  12. Hi Tobias,

    Fantastic plugin, just what I was looking for! Is it possible to edit the width of the columns and the height of the rows?