Please read the Frequently Asked Questions and the documentation before asking for support. Thank you!
For help or support questions, bug reports, and feature requests, use the WordPress Support Forums. Please open a new topic there (with the tag “wp-table-reloaded”). You should include as many information as possible, like version information, a URL to your site, etc. This makes it much easier for me to help you. You may write in English or German. Before posting though, please search through the existing topics. Maybe your question has been answered before? Thank you!
If my answer helps you to solve your problem, it is recommend to do a small donation, as I invest a lot of free time in answering support questions.
Below you can find all comments made thus far. Please keep in mind that most of the issues described here are solved in current releases. Also some pieces of advice I gave might not be valid anymore for the current release. It is no longer possible to add a comment. Use the Support Forums for your questions.


Very beautiful plugin! Works very fine. But I have 2 questions:
Is it possible to highlight values in a table in a different color?
The first row of the table uses the
<th>tag. Is it possible to create a checkbox for the first columm too to use the<th>tag?Best regards,
Richard
Hi Richard,
thanks for your questions!
Regarding value highlighting: That’s possible with Custom CSS. If you know the row and the column numbers of the value in question, you could use something like
(where N, X, and Y obviously need to be adjusted to your table.)
If you don’t know the row and column numbers (or they sometimes change, or you have more than on value to highlight), I recommend creating a new CSS class for the span element.
You would then wrap the value in the span tag, like
and could create approriate CSS like
For the second question:
I’m a little bit reluctant to add another backend option for such things, as they are not that important and only make the backend more difficult to use. But maybe I will add support for this as a Shortcode parameter.
Best wishes,
Tobias
Hi. I have some more questions.
1. Is it possible to have multiple table headlines? Something like sub headlines so that one could sort part of the table instead of sorting the whole.
2. If the answer for the first question is no, is it possible to “mark” some rows, columns or even cells to not to be sorted? Because this could be a way to implement multiple headlines at the moment.
Regards,
Aziz
Hi Aziz,
I’m not aware of a possibility of sub headlines. The JavaScript libraries just don’t offer support for this, I guess.
But, it is possible to mark columns (not rows and not cells) to be not sortable. This can be done by adding more commands to the JS call of the library.
Now, there’s a small problem with that: The current version 1.4.2a (which you are probably using) uses the Tablesorter script and it is kind of hard to add these commands to the code, because you would have to do it by hand. But, for the upcoming version 1.5 (currently in public beta test) I have also added the better library DataTables and I have made it easier to add own commands to the JavaScript call.
So, if you really want to make column non-sortable now, I recommend trying the beta of 1.5. The necessary parameter is the “bSortable” parameter.
Best wishes,
Tobias
Hi Tobias,
sehr nutzvolles Plugin, viel Erfolg!
Superb plugin!
I wonder if it is possible to mass insert tables.
Your plugin solved my long desired needs for displaying a huge amount of data.
I need to create around 30.000 tables.
So my questions are:
1. Where are the tables stored?
2. Mass import by recognition of header values (maybe a change in parsecsv.class.php?)
3. Are table contents SEO friendly at all?
I am using the Google Sitemap plugin.
Will the table contents be indexed in sitemap generation?
Thanks a lot
Hi Dimitrios,
thanks for your comment.
30.000 tables?!? What are you doing with so many tables?
Just by that number, I would say that my plugin is probably not the right solution for this. You probably need a an own script that makes direct database calls.
Otherwise you would still need to insert all those 30.000 tables into a post by pasting the Shortcode into it. That’s almost impossible with so many tables!
The tables are stored as entries in the WP options database table. Thus, you would just fill that up with so many tables and make your WordPress unusable.
There’s also no mass import of tables at the moment, sorry. I might add this in the future, but I’m not sure yet.
And what do you mean by recognition of header values?
And what do you mean with SEO friendly? The plugin just prints a valid HTML table with the contents you enter.
Also tables are not indexed for sitemap generation. But I don’t see a problem here. Neither are posts or pages! The sitemap only contains a link to it!
Regards,
Tobias
Hello: Is it possible to include two different tables in the same post each with different CSS styling? I can’t seem to make it work. Thanks.
Hi,
yes, that’s possible. Just include both Shortcodes into the post.
Then the tables will have different CSS classes that can be used for styling:
.wp-table-reloaded-id-Xand.wp-table-reloaded-id-Y, where X and Y are the IDs of the two tables.You can use those as the beginning of your styling commands.
Example:
will give both tables different text colors.
Hope this helps!
Best wishes,
Tobias
Hallo Tobias,
klasse Sache, dein Plugin… Kurz folgende Frage: Ist es möglich, mit einer Tabelle folgendes anzustellen:
ich möchte pro Zeile meine Artikel aus einer bestimmten Kategorie in der Tabelle dargestellt bekommen.
Sprich, in der 1. Zeile (waagerecht) soll der verlinkte Artikelname erscheinen und in den Zeilen dahinter Werte aus Custom Fields (aus dem Artikel) angezeigt werden…
Zur Verdeutlichung was ich meine – hier ein Screenshot, wie ich die Ausgabe dann gerne hätte: http://www.postimage.org/image.php?v=Pqif8NJ
Ist das möglich?
Vielen Dank, bergblume
Hallo,
grundsätzlich kann man solch eine Tabelle erstellen, aber nicht von Haus aus mit dynamischen Inhalten. Mein Plugin stellt ja einfach nur die im Admin-Bereich eingegeben Daten dar, diese müssen aber quasi händisch eingegeben werden, es sei denn, man geht einen umständlichen Weg über eine Anpassung des Codes.
Für dich wäre eine eigene Abfrage der WordPress-API zur Artikeldarstellung viel interessanter.
Die nötige Funktion heißt get_posts(). Die rufst du an der entsprechenden Stelle in deinem Theme auf, mit einem Argument, dass dir eben alle Posts aus deiner Wunschkategorie zurück gibt. Dann gehst du in einer Schleife durch das Ergebnis, holst dir für jeden Artikel noch die Werte der Custom Fields und zeigst das ganze an (in einer “Loop”). Dabei gibst du die Artikel aber nicht wie WP standardmäßig mit Titel, Inhalt, etc. aus, sondern eben in Tabellenform mit Link zum Artikel und den Werten der Custom Fields.
Das hätte den Vorteil, dass alles eben automatisch geändert wird: Wenn du einen neuen Artikel in der Kategorie postest, ist er gleich in der Tabelle. Und auch Änderungen an Custom Fields werden gleich widergespiegelt. Wenn du den Weg über mein Plugin gehst, müsstest du das alles manuell pflegen.
Gruß
Tobias
Hallo Tobias,
vielen Dank für die blitzschnelle und kompetente Antwort… Ich sehe schon, du kennst dich mit WordPress sehr gut aus… Ich bin schon froh, dass ich die ganzen Plugins gut installiert bekomme ;-) (deins funktioniert übrigens sehr gut)…
Du sprichst für mich leider noch in Rätseln, da ich wie gesagt über das Plugin integrieren noch nicht rausgekommen bin…
Wie muss ich das mit dem get_posts() machen? Wo rufe ich die auf? (In welcher Datei oder in einer von mir angelegten Page (Touren)?
Wie würde ein trivialer Beispielcode (mit einem Custom Field xy dahinter) für solch eine Tabelle ausschauen?
Kannst du mir hierfür mal ein Beispiel nennen an dem ich mich weiter orientieren kann?
Vielen Dank für deine Unterstützung!
Ralf aka bergblume
Hallo Ralf,
danke für das Lob!
Für ein Beispiel fehlt mir leider im Moment die Zeit, außerdem müsste ich mich auch erst in die Funktion einlesen (alles kenne auch ich nicht :-) ).
Für dich als Anfänger wäre wohl erstmal wichtig, die generelle Funktionsweise der “Loop” von WordPress zu verstehen, und wie die “Template Tags” funktionieren. Erste Anlaufstelle dazu sollte der Codex sein: http://codex.wordpress.org/Working_with_WordPress#Site_Development Auf der Seite findest du mehrere Links (ich empfehle erstmal alles, was “Loop” oder “Template Tag” im Titel hat). Ist zwar leider auf Englisch, aber Google findet bestimmt auch deutsche Ressourcen.
Der Code muss dann in eine PHP-Datei eingebunden werden. Dazu gibt es auch mehrere Möglichkeiten. Direkt in eine Page einbauen kannst du ihn, wenn du dir ein Plugin suchst, dass PHP in Pages ausführt (ExecPHP oder so). Ich würde aber ein eigenes Template für diese Page empfehlen. Das ist eine PHP-Datei, die mit in den Theme-Ordner kommt und die WordPress dann anstelle der standardmäßigen Datei für die Ausgabe der Page nutzt. Und darein kommt dann ein Code.
Ansonsten würde ich dir für dein Vorhaben das Forum von WordPress Deutschland empfehlen: http://forum.wordpress-deutschland.org/ (Aber erst, wenn du die Loop ein bißchen verstanden hast.)
Schöne Grüße
Tobias
Hello Tobias,
Excellent plugin – thank you very much!
2 things (browser issues – what’s new…)
I put a table here: http://www.defrostingcoldcases.com/unsolvedhomicide/eric-beasley
In IE70 the 2-column table is full width of my post area (about 500px) – as defined (100%) in the CSS (I added the styling to the theme-css). However, in Chrome & FF the cells are only as wide as the widest cell-content.
What I want is the first column to be as wide as the cell content (as it contains the ‘labels’), the second column to fill out full width (of the post area). I tried hard coding table-width (in px), but that only works in IE – the other 2 still display each column just as wide as its contents.
Also, the grey cell-borders are only displayed in IE – how do I make them visible in the other browsers?
Hi,
thanks for the comment!
I’m not sure yet, why the browsers interpret the CSS on your site differently.
I had a look at your site with the W3 HTML Validator (see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.defrostingcoldcases.com%2Funsolvedhomicide%2Feric-beasley&charset=%28detect+automatically%29&doctype=Inline&group=0) and it found quite a few errors (mostly in your theme, I guess). It is very likely that those errors trigger some fallback behavior in the browsers that leads to wrong display of the tables. I would therefore recommend to first remove as many of those errors as possible.
If the tables are still shown differently then, we can further investigate.
Best wishes,
Tobias
Hi Tobias,
I hope I do not repeat someone’s question but there are too many posts to read to check it :) I think you should create something like a knowledge base and a wishlist :)
Anyway, do you know whether it is possible to fix the cell width? In my case I have two tables on my page and as far as I understood the cell width is automatically adjusted to the cell contents. So this causes two tables to have different look. If I could fix the cell width this might solve my problem.
Regards,
Aziz
Hi,
yes, I know there are a lot of comments already :-) I’m working on a FAQ section that hopefully helps to answer the most common questions.
Regarding your question: Changing the cell widths is possible in two ways. One is with CSS (recommended), and the second is with an additional Shortcode parameter. For the first one there are some ideas in this and this forum forum thread. The Shortcode parameter is explained in the Documentation.
Just let me know, if you need more examples.
Regards,
Tobias
Hi again,
Thanks for reply. One more question. Is there any way to “classify” tables? Because following your instructions for my previous question, if I want to use CSS to fix the column width for multiple tables I will have to add classes to CSS for each of them. Am I right? If I could just classify them (e.g. .table-kind-1 .table-kind-2 etc) all tables of those classes would have the same column widths. This would be also reusable.
Hi,
every table has the class
.wp-table-reloadedand the class.wp-table-reloaded-id-N(where N is the ID).The first one applies to all tables, the second one to only that table. So you are looking for something in between, that would apply to some tables, right?
So that you can shorten the number of CSS commands?
Is that what you mean?
Regards,
Tobias
Yes, Tobias, you got my idea :) Let’s say I want to “group” tables 1, 4, 7 and 9, and 2, 3, 5, 6, 8 AND be able to add more tables to those groups later.
Hi Aziz,
ah, ok. That’s a pretty neat idea, because it would also allow different styling templates.
There’s no possibility yet to add such group class from the backend, but I will definitely think about it!
In the upcoming version 1.5 (probably tomorrow, or try the beta) you could achieve this with a plugin filter hook though.
You would just need to copy this code into the file “functions.php” of your theme:
How does that sound?
Regards,
Tobias
Hi Tobias,
Thanks for the hint. Will that work with the current version (I have 1.4.2a installed)? If not I will probably wait till tomorrow :)
Thanks again for your help!
Hi,
no, only with version 1.5. :-)
Tobias
Hi Tobias,
I’m pretty new to WordPress and still learning the ropes. I’ve just updated my WP-Table Reloaded and now when I go into the admin area the List of Tables is visible for a few seconds then disappears and so I can’t see what ID numbers tables are or anything.
Hi Mez,
this is a known issue with Internet Explorer. Please read the upgrade hints in the Release Announcement and upgrade your webbrowser and disable the “Compatibility Mode” in IE.
Regards,
Tobias
Hi Tobias, I just upgraded to the new version, but now when I open the plugin, on the main page where it says “This is a list of tables,” the list of tables flashes on the screen momentarily, then disappears. I have closed and reopened my browser, with no change. Any suggestions? Thanks!
Hi Kristy,
this is a known issue with Internet Explorer. Please read the upgrade hints in the Release Announcement and upgrade your webbrowser and disable the “Compatibility Mode” in IE.
Regards,
Tobias
Hi Tobias. I’ve been using your plugin for a couple hours and reading through the comments here, and I gotta say, man, thanks. This is some awesome code and help. That’s it, just some glowing praise. Carry on!
Hi,
Your WP-Table Reloaded plugin is very good. I inserted an image in a column. The image display was top aligned. No problem.
The problem: I made the image clickable (URL) and it works fine however the image was pushed down in the column and is no longer top aligned. This is strange… Any ideas?
Yours,
Jude Collins
Hi Jude,
thanks for your comment!
This is probably caused by different CSS commands for links and images in your theme. If you email me the link to the page with the table, I will have a look at it and can maybe tell you how to get the image back to the top.
Best wishes,
Tobias
Hi Tobias,
This is easily the most useful plugin I have used so far. Thank you.
I moved up to WP 2.9 and got however some problem creating or copying (some) tables above 10. If I look at the preview they seem not to be linking to any CSS. If I list them, they won’t show. I tried this on 2 different site/databases, the result was the same. Can’t go back to 2.8, to see if it was already the case before.
Hi Henry,
thanks for the comment!
Regarding the “Preview”: The Preview did never link to the CSS, because displaying a table is much different to showing it in the theme. Therefore, only the data will be displayed in the Preview.
Regarding the List where the tables are not showing: This is a known issue with Internet Explorer, which you are probably using. Please read the upgrade hints in the Release Announcement and upgrade your webbrowser and disable the “Compatibility Mode” in IE.
(There is no issue with WP 2.9, so you don’t need to downgrade.)
Best wishes,
Tobias
Tobias: You’ve really put up some hell of a plugin! It works like a breeze from the go!
You really took my headaches for a spin outside the city!
If I could I’d email you a huge argentinian bistec, and a fine malbec as a means of saying a big, huge thank you!
Hi Fernando,
thanks for the compliment! Yes, too bad, that emails can’t have such attachments :-)
Best wishes,
Tobias
Importing HTML tables has been a big problem. Even if I export a table then try to import the same tablel it doesn’t work.
Any ideas?
Hi Gary,
thanks for this report!
Can you email me one of the export files you have problems with?
Thanks,
Tobias
OK, I switched to selecting a table I wanted to import then exporting the table as an XHTML document using OpenOffice. Now, every HTML import is working great, now just need to change CSS for some tables. I really like this plugin.
Hi Gary,
thanks for the feedback. So the actual import is working now and you can edit your table?
If you can’t find the necessary CSS commands in the documentation, please feel free to ask. Then it would be very helpful, if you could provide the URL of the page with the table and some specifics on what you want to change.
Regards and Merry Christmas!
Tobias
Your CSS instructions go in circles. On one page, it says to go to another page for examples of the code. When you go there it gives scant details, then says to go to the first page to see examples of the code.
How do I write CSS classes, then tell the plugin that those classes refer to the tables? Sheesh. Why not just publish a snippet of the proper CSS to use. You know – an actual example, which both your pages promise by pointing at each other…
I grow more and more frustrated with this plugin. I’ve combed through your replies (even though there’s no way to go to the beginning other than clicking “older posts” over and over and over and… you get the idea)
I’ve tried adding all sorts of things to both my Stylesheet and to the CSS screen in the Plugin Options.
does NOT make the borders go away. All I want is to have a table with no borders and no background colours. Why does WordPress not respond to the very commands you claim will solve the problem? A better question: Why do you even set border and background colors in the first place, since almost everyone will want to change them? And why does your documentation, FAQs, etc. on the topic go in circles instead of just providing working snippets?
Example:
“To set header background colors, add this:
To set alternating row background colors, add this:
To set table border colors, add this:
…where the example code above is replaced by WORKING code.
I have to give credit to Manntis’ remarks with a bit of a snicker and a polite grin. Manntis is positively correct in so many ways.
Tobias, I love your plugin and I think you’ve done one heckofa bang-up job with everything about this plugin. The functionality alone is worth five gold stars, but to add the level of detail to the plugin’s webpage, documentation and everything else – It’s truly astounding. Mental Image: Me giving you a standing ovation.
However, with all that being said – Manntis makes a valid point.
Your instructions on how to add CSS styling points to documentation that points back to itself! I’m feeling like my new puppy dog here who’s chasing his tail in circles.
My client loves the table I’ve set up, but wants the font color changed, a hover color, background colors changed and the font size increased. I don’t have to repeat Manntis’ examples, but if you offered the user, one or perhaps three different examples, the rest of us could follow along and branch out on our own with that.
“In the Custom CSS section, you can change the font color by adding this command.” “Multiple commands should be separated by … and you’ll get into trouble if you try to add … command without adding … and …”
My example pages are:
http://redletterweddingday.com/?page_id=111
http://redletterweddingday.com/?page_id=107
I need to get rid of the table border, eliminate the defined background colors, center the cell content, decrease the padding, change the hover color, increase the font-size and change the font color. Now, where do I begin? What should I be typing in the CSS Styling box?
Have a great Holiday and I’ll look forward to your reply.
Be well!
Mark
Dear Manntis and Dear Mark,
(I’ll just answer both of your comments in this one, as you are refering to the same topic, I hope that is ok.)
I’m sorry to hear that you are having such trouble with CSS styling of tables and are getting frustrated with the plugin. I definitely appreciate your honesty on what needs improvement on this website. I know that the documentation is not very helpful in its current form.
At the same time I’m a little bit shocked about your demands.
As you (hopefully) see from my activity on this website in answering comments, in the WordPress support forums in replying to support inquiries, and in many emails a day (well, ok, you can’t see that), I’ll always and gladly help with any questions and problems regarding the plugin and the styling, often even within minutes after I receive the question! Meanwhile I try to add improvements and new features to the plugin on a regular basis (just checkout the Google Code repository timeline).
And I do this as a hobby, only in my free time! During the day I’m actually a full time student and I also have a personal life. I do the work on this plugin completely voluntarily and for fun. I do not get paid for it and can not live from it. The plugin is open source and I do not demand anything in return.
Now, you complain that this and that on the site is bad or not there. Again, this is not a commercial software project, for which you pay money and where you definitely have a right to a good and easy to understand documentation.
In contrast this is Free Software, so please don’t put the same standards on it. I don’t get anything for it, so don’t demand the same service. While it fits the needs of most people who use it, it should be clear that this is not necessarily the case for every website. I will certainly do my best to fit more and more needs and make the plugin easy to use and understandable (which is the answer to Manntis’ question on why the plugin has that border and the colors in the first place). I try to give hints and help to do customisations in the documentation and on the plugin’s page. For me, this is hard, time-consuming and kind of tedious work (I admit). While I probably know the details of the plugin, I don’t know the details of what people want to do with it. Thus it is hard for me to write down specifics on how to do things.
It is also hard to add specific examples as they will not necessarily work on every page (because of the many, many themes out there that also mess with the CSS) (which is the answer to Manntis’ question on why code I post does not help). There are just so many factors that might break that code on a specific page.
I do acknowledge the need for examples though and I’ll definitely try to add some, but neither can I promise what they are nor when this will happen. Again, this is a hobby for me and I do the work in my free time without any compensation! I do like your suggestions though!
Now a few words regarding CSS:
My plugin generates valid HTML code for tables, just like if it were typed manually or created with a table generator. Thus, every CSS command out there can be used on the tables. Additionally, the plugin adds several CSS classes to the tables that can and do make styling easier (and those classes are documented in the documentation)!
Now, CSS is such a large topic that I obviously can not (and do not want to) cover every aspect of it and will certainly not write another “Introduction to CSS”. I also can not provide the means of learning CSS here. And that’s where I’m caught between the devil and the deep blue sea: If I add examples, those obviously would require at least some background and understanding on CSS (like what are selectors, what are properties and what are values). So they are not really useful to people without that knowledge. But they also are not really helpful to people who have that knowledge, because they will know the properties to use by themselves and just need the selectors (which they can get from the documentation and the table’s HTML source).
As a first step though, I have started to create a “Frequently Asked Questions” sections (before both of your comments!) where I’ll try to answer exactly such questions and problems. I’ll also try to extend the documentation to contain more helpful information. I’ll also try to reduce redundancies and thus am thankful for telling me about that circle between documentation and plugin page. I can’t yet say when this will happen, because I also don’t want the actual plugin development grind to a halt. I’m currently working on two (hopefully) great features that have been widely asked for (more on that in a blog post tomorrow). I hope you understand that.
Ok, finally some hints on how to solve your specific CSS needs:
Manntis: Especially the removing of borders is theme-dependent (and not too easy because of small problem within the plugin that I could not find a good solution yet, due to maintaining backward compatibility).
Please try this: add the parameter
cellspacing="0"to your Shortcode, i.e. replace[table id=N /]with[table id=N cellspacing="0" /]. This should remove that border.Mark: This also applies to your table border. Additionaly you should uncheck the “Alternating Row Colors” checkbox in the options for that table, which will remove the background colors of the rows.
Then try this CSS (needs to be add to the textarea in the “Plugin Options”:
Colors and sizes need to be adjusted of course.
I hope this satisfies your client (from which you probably get money, but I don’t).
To sum up: I’m really thankful for your honest words on what’s missing, but don’t agree to the way you communicated it. I’m not angry because of this, I just want you to understand why some of the things are how they are. Some parts of this text might sound rude or unfriendly to you. If that is the case, I apologize, as it is not the intention I have with this post. I further hope that I actually understood your comments and did not interpret to much (maybe something you weren’t saying) into it. I greatly appreciate that you are using the plugin.
I hope the hints at the end are helpful to you. Please don’t hesitate and feel free to ask with any specific problems.
Best wishes and Merry Christmas to you and your families!
Sincerely,
Tobias
Great plugin/software… Your lengthy response to Manntis and Mark was exactly what I was looking for to edit my table to make the fonts larger and the rest of the response was interesting. Maybe we all need to use your donate button!
Very good plugin, big thanks Tobias !
Can I create a query from a table to view a single row?
Hi,
I’m not sure, if I fully understand what you want to achieve, but you’ll probably want to change your shortcode to something like this:
In the “hide_rows” attribute you’ll need to enter ALL rows of your table. And in the “show_rows” only the one you want. The N needs to be adjusted to the correct ID, of course.
Hope this helps!
Tobias
About to plug in your plugin, Tobias.
Thank you for all your efforts, don’t let some ‘Trolls’ wind you up.
I appreciate your passion and your time invested in the project.
Thanks mate!
Great Plugin, I like it!
But there is one function I’m missing:
Is there a way to add a custom class to a table?
Let’s say I have two types of tables throughout my website.
Some bigger where I need borders and different bg-color for each odd line.
And then there are some smaller ones that don’t need any border or background.
If I could apply custom classes, I’d give the bigger ones a class “big” and the smaller ones a class “small”. I and only need to define two styles within my CSS.
Thanks for help!
Hi Christoph,
thanks for your comment and the question!
You are right, currently it is not possible to add a custom class in the backend. I have this planned (as so called Table Groups) for a later release though.
Until then, I suggest using one of the “Plugin Filter Hooks” provided, to add a custom class.
Actually this is an Extension, like described in this post, so I suggest using the same foundation as explained there (you could also copy the code into the functions.php of your theme.)
Here’s the code:
You’ll need to add all relevant table IDs to the appropriate array in that function.
If you have any questions, just let me know!
Best wishes,
Tobias
I recently installed the WP-Table Reloaded plugin on a website.
It seems to me that the search function from the DataTables doesn’t work with the Opera browser.
While in IE the input is recognized correctly, any char typed while viewing with Opera, results into an empty list of records.
Maybe you can fix this.
Hi Patrick,
thanks for letting me know!
Unfortunately the DataTables script wasn’t written by me, so I can’t fix it.
But if you could provide the URL to the page with the table in question (and some search words you are having problems with), I’ll try to investigate and the let the DataTables developer know about the problem.
Thanks!
Tobias
Patrick: DataTables JS works just fine for me with Opera 9.64. My Opera also passes all the DataTables’ unit tests here: http://www.datatables.net/testing/
You could consider checking the samples at http://www.datatables.net/examples/ with your Opera since the developer has so many different use cases covered.
I’m afraid, if something isn’t working the problem is in your code not with plugin’s and/or the DataTables library’s code.
Hi,
I installed your plugin and put in on this page: http://mcfilmmakers.com/farmville/almanac/animals/
When the page loads, the table fills in the post area properly however when the page finishes loading, the table shrinks and leaves some white space on the right of the table (but the search and arrows appear fine). Do you know what could be causing this?
Hi Jonathan,
thanks for your comment!
That seems to be a really weird issue…
I checked the source code of the generated page and found something very odd:
There’s a code fragment
<br--adsensestart-->right before the table. It seems as if this has been added by a plugin or manually in your theme. The problem is, that this code is wrong.It is possible that it is causing the problem, so please try removing it.
Best wishes,
Tobias
The code isn’t wrong, that fragment tells my ads to start above the table. Even if I do remove it, the table still displays the same way so I know this isn’t causing the problem.
Any other ideas? Also, how do I get the table to display all the rows or change the default of 10?
I seem to have narrowed the issue down to this: The white space is inserted when the arrows (next page/previous page) are loaded for the table.
Is there some way to fix how those arrows load? Otherwise, how can I get the table to display all rows since I can’t find this information on the DataTables website?
Hi Jonathan,
yes, I understand that the adsense-code is used for that. Nevertheless, the code should not appear in the actual source code of the rendered page. Either your ads plugin should replace it with an ad or should remove it automatically.
Back to the actual problem: I looked at your site again, and it seems that the problem lies in the automatic width calculation of your theme. It appears that there is some JavaScript adjusting the width of the “windows” after the page has finished loading. Now, by that time, DataTables has determined its own width, but of course based on the old value of the width. The Search box and the arrows just move to the right because of some CSS setting.
Ideas for solutions you could try:
- Remove the pagination (that’s basically telling the table to display all rows) by unchecking the appropriate checkbox on the “Edit table” screen for that table. (This will most likely not work though.)
- Instead (or maybe additionally) try adding the code to the “Custom Commands” textfield on the same screen:
This will tell the DataTables script to not calculate its own width again, but let the browser do it.
Regards,
Tobias
Success! Thank you very much for all your help!
Is there an easy way to eliminate the “Show 10 entries” and just display the entire table?
Hi Phil,
thanks for the question!
Yes, there is. The feature is called “pagination” and can be turned of by unchecking the corresponding checkbox in the section “DataTables JavaScript Features” on the “Edit” screen for the table in question.
Best wishes,
Tobias
How difficult would it be to add a jEditable feature on a frontend page to a table?
I would love to have some “members only” sign-up sheets in private pages that would allow a simple click to add info without going to the back end.
Hi Larry,
while the jEditable is definitely is a very nice feature, it is not currently possible to use it with WP-Table Reloaded, sorry. The reason is that the code structure of the plugin is not capable of working with the necessary AJAX calls. This will probably require a major plugin redesign. But I’ll definitely put jEditable on the todo list!
Best wishes and thanks a lot for your donation,
Tobias
This is a genius plugin! Ausgezeichnet!
I am having some trouble with the table heights and I can’t figure out what’s causing it. See the second table on this page: http://rackcreations.com/site/?p=147 (the one with > 10 rows).
I added some Custom CSS for
dataTables_wrapperbut they don’t seem to be causing the problem. I tried a different WP theme and both IE and FF.You can see that the navigation elements extend beyond the bottom of the table, and the “Rack Rails & Screws” heading is messed up. The other table on the page looks just fine, though.
…also I noticed that the tables must have a header row in order to be wrapped by the
dataTables_wrapper. It seems like an odd requirement — I wonder if it’s an error…Any ideas? (Latest versions of everything, btw.)
Thank you so much for the excellent plugin!
Hi Alex,
thanks for your comment!
I tried a few thing, but unfortunately could not find a solution, sorry :-( I just don’t know enough about the DataTables script. I would therefore recommend asking in the DataTables Support Forums. You should be able to get better help there. It looks like the calculation of the height is not taking into account all aspects like div and table heights.
And yes, in order to have the
dataTables_wrapperclass, a table needs to have the header row. This is a requirement for the DataTables library to work at all. Otherwise the sorting, pagination, and filtering will not work. So, no, it is not an error.Best wishes,
Tobias
Hi Tobias
Thanks for making a great plugin – really helps with getting tables sorted properly in WP!
I’m having an issue with aligning images entered within columns. No matter what alignment I select in the Media Gallery when inserting the image with your neat ‘Insert Image’ button, the image always aligns to the left.
I’ve tried any number of CSS custom commands without success. Am I missing something?
Your help is greatly appreciated.
Many thanks
Hi Peter,
centering images is not that easy, especially, if you want the normal text in cells be aligned left.
Have you tried CSS like
If that doesn’t work either, please provide the URL to the page with the table. That would make it easier for me to find some CSS that is working.
Best wishes,
Tobias
Hi Tobias,
Fantastic program, thank you very much. Just some ‘food for thought’, perhaps you could draw data from the wp_posts table, so that the multi post pages can be in your table format. This would enable sorting and searching at the top of Post Title, etc. columns. Down the track, column headings could come from the wp_postmeta table, too. I know that you store data in the options table, but could you read data from wp_posts and include it in the loop?
I hope I’m not talking too much gobbldy gook.
Regards, Joan.
Hi Joan,
thanks for your comment.
I have to admit that it is not “gobbldy gook”, but still I did not really understand what you want to achieve, sorry :-)
Do you want to read something from the wp_posts table (i.e. a list of posts) and show them in a table form? You would then be better suited with the WordPress function
get_posts(), I guess, where you could code your own layout then.Regards,
Tobias
Tobias, you’re amazing.
If you look at say, http://travelhorizonstyle.com.au/category/country/africa/, you’ll see lots of posts listed, but I would rather have the posts listed in a table with the first heading “post_title” (Tour Name) and the following headings from Custom Fields (a bit like Mark’s comment below), e.g. #Days, From, To, Price… It would be more intuitive for users to click at the top of the table column to do a sort, rather than use the plugin in my sidebar (Sort by Tour Name…-by Smart Sort). And your Search Box is truly amazing, too! I’d love to be able to use that rather than the normal WP Search Box, on all the posts within a category.
Yes, you are right to use the get_posts() function in the loop and I’ll look into it, but at this stage I just don’t know how to get your fantastic Sort and Search functionality in the loop.
Has that planted a seed at all? Best wishes to you for your upcoming release.
Kind regards, Joan.
Hi Joan,
thanks for the clarification, now I understand what you want to achieve :-)
Unfortunately there is no way to do this with my plugin, you will have to use get_posts() with a custom loop to create the table.
But the good news is that you can use the Search Box and the Sorting on that table (as it will be a regular HTML table). That functionality is provided by the DataTables JavaScript library that can easily be added to your own HTML tables. The documentation and how to do that is here: http://www.datatables.net/
Best wishes,
Tobias
Tobias,
that tip is so, so useful. I’ll work on it and let you know, how I go.
many thanks, Joan.
Tobias,
Thanks for the great plugin. I do have a question.
Is is possible to create a table based on the Custom Fields I have added in WordPress?
Thanks
Mark
Hi Mark,
I’m afraid this is not possible with the plugin. There are just too many Custom Fields out there and there would be no real logic on how to use them in a table, I guess.
One possibility that I could imagine (which would at least be a possibility to show contents of Custom Fields in a table) would be to use another plugin that allows reading Custom Fields with a Shortcode, like this one.
You could then add the Shortcode for retrieving a Custom Field in a table and get its value displayed there.
Best wishes,
Tobias
I use your plugin for my site. It has generated my income to a whole new level. I will be sure to give you a small donation.
Wicked plugin!
Have been using it to construct each page of a website, but cannot seem to get something right, I want one cell to span two, which with css is usually
I cannot seem to correlate this with the td selection code for WP-Table Reloaded
Any tips?
Hi Abraham,
as far as I know, there is no possibility to span/combine cells of table with CSS, at least not with the common CSS2. Therefore your code will not work with most browsers.
But there is good news for you: The upcoming version 1.6 of WP-Table Reloaded (final will be available on Friday) has a feature to combine/span cells. If you don’t want to wait until then, you can use the release candidate.
Best wishes,
Tobias
Hi Tobias,
When I install the plugin, some functionality such as page slide and lightbox will not work. I use Imaxell-02 for the theme and most of the functionalities are built it.
What will be a possible solution?
Thanks,
Murad
Hi Murad,
thanks for your question.
This is probably related to a JavaScript problem.
Can you please give me a link to the page with the table?
Then I can see, what scripts are causing the trouble.
Thanks!
Tobias
WordPress Version: 2.9.1
WP-Table Reloaded: Version 1.5
I tried using your interface where it says “Table Contents” and I put my cursor in every box and tried to add an image, and it would say:
“To insert and image, click the cell in which you want to insert the image. The media library will open …”.
I tried checking the 1 and it didn’t work, I checked the 1A, didn’t work, 1B-1E (as I had 5 rows), nothing would work.
What do I need to do to get it working?
I have images on my main home page that I want to put into a table to make it more uniform. But I would think there would just be a button on the kitchen sink in the text editor to add a table. I like how detailed the plugin is, I just cant get it to work.
Any thoughts?
Hi Chris,
thanks for your question.
This problem is probably related to a problem with another plugin that is messing with the JavaScript code on the backend.
What exactly is happening, when you click on the “Insert Image” button, then click “ok” on the message and then click into a cell? The WordPress Media Library should show up.
Is there nothing happening?
The button you mention is only visible in the “HTML Editor” on the “Edit post” screen, but not in the “Visual Editor”.
Regards,
Tobias
Tobias,
Re: WP-Table Reloaded
Great plugin!
I am trying to figure out how to input formulas into the table. For example, I am trying to add all of the numbers in a column for a total on the last row. Also, I need to use formula to get an average of all numbers in a column. Can this be done on this plugin?
Thanks,
Ben
Hi Ben,
thanks for your comment.
I’m sorry, this can not be done easily with the plugin. WP-Table Reloaded is not intended to be a spreadsheet plugin, therefore it does not have such math functions. If you need to calculate certain values, I recommend using Excel or OpenOffice to maintain the table, calculate all necessary values there, export the table as a CSV file and import that into WP-Table Reloaded (remember that you can replace an existing table when importing).
That way you will be able to use calculations, but will lose some flexibility as editing values in a cell within the plugin doesn’t make sense as the calculated values will be wrong.
Another solution would be to use a plugin filter and calculate the values on the fly. This would require that you program an Extension to WP-Table Reloaded though.
Best wishes,
Tobias
Great plugin, thanks.
I have one question, is there a way to set the default number of rows to be displayed?
I.e. to set it to 50 and not 10…
Any help would be great.
Hi Darrin,
thanks for your question! I have answered it in the FAQ for you. All you need to do is add a small command to the “Custom Commands” on the “Edit table” screen.
Best wishes,
Tobias
Hi Tobias,
your plugin is excellent! I like it especially because of the import function.
I have a question: The custom style is included as CDATA directly in the header of every site. Is it possibly to put the custom styles into a separate file “table-style.css” and call it by
<link rel="stylesheet">?Thanks a lot
Frank
Hi Frank,
thanks for your compliment.
You will only have styles in that CDATA section, if you added “Custom CSS” commands before updating to WP-Table Reloaded 1.5. The default styles of the tables are stored in a file already. Thus, the “Custom CSS” section will only need content if you applied changes to the default CSS.
Anyway, of course you can put your styles into a separate file. You will then either make sure to load it manually in your theme (and I strongly advise to load it after the default Stylesheet of the plugin, i.e. under the automatically created CDATA section. An easier way would be to load your file with the
@importcommmand in the “Custom CSS” textarea.Important: Do not store your CSS file in the WP-Table Reloaded plugin folder (it will get deleted with the next update otherwise by WP), but store it in your theme’s folder.
Is there any specific reason that you want to use a
<link>tag instead of the<style>tag?If you have any questions, just let me know!
Regards,
Tobias
Hi Tobias,
Thanks once again for a great plugin!
I think I found a bug in the latest version. Firefox on Windows XP and Vista: In the “Edit Tables” backend, the cells are very narrow, and data overlaps in them. It makes it hard to update.
Any idea how to fix it?
I’m using WordPress 2.9.1.
Regards,
Dave
Hi David,
thanks for your comment and the report.
So far I have not had any similar reports of such an issue. Could you email me a screenshot of the page, so that I can see the problem?
Is there maybe another plugin messing with the CSS styling on the admin page (i.e. can you test it with all other plugins turned off)?
Update: It seems that your email address is not working? I only get a bounce from the web host.
Thanks!
Tobias
Hi Tobias,
For thanks for the plugin. Wonderful and greatly appreciated work!
Quick question. I’m doing this site in Hebrew (right to left text). I placed the code below in the “Custom CSS” textfield of the “Plugin Options”:
While I got the right alignment to work, the text direction of right to left did not work….
Any thoughts/suggestions?
Thanks!
Hi Shimon,
thanks for your question.
I quickly tested your CSS on my site and it seemed to work fine (Problem is, I don’t know what the output is supposed to look like, but what happened was, that the order of the cells in the rows was reversed).
Can you provide the URL of the page with your table? That way I could test there again.
And maybe you could also describe what the expected output is.
It might also help to change the
rtltortl!important, for the case that there is other CSS on your page messing with the table.Regards,
Tobias
Great plugin, works very nice.
I have an unrelated question. What plugin do you use to the expansion of various subjects on the documentation page on your site? I am looking for something to do something similar on my site.
Thanks…
Go Mariners!
Hi Mike,
thanks for your question (and loyalty to the Mariners :-) )
That is not a plugin there, but my own development. Good news: You can read all about it in this post.
Best wishes,
Tobias
I just upgraded and now there are faint borders around all the tables. I had found a way before to turn those off but now I can’t find it again. Can you tell me where to go?
Hi Alexa,
thanks for the question and sorry for the issue. This probably happens because I had to add a change to the CSS layout of the tables.
Can you try to add the suggestions from the question “How do I remove the borders from a table?” from the FAQ?
Thanks!
Tobias
Tobias, I’ve been using your amazing plugin for awhile and love the continuing developments. Tried to give it 5 stars but not working. Will try again later.
Question: I have a table in Excel with 40+ rows and about 80 hyperlinks. I exported to CSV and imported. Everthing worked beautifully except for hyperlinks. Is the plugin capable of importing the links as well?
Thanks heaps!
Tim Baran
Hi Tim,
I suspect your hyperlinks are (in Excel and in the CSV file) looking like plain URLs (and not like complete HTML links, i.e. like
<a href="...">link</a>?If that is the case, those links will not be clickable initially (which is what you want, I guess).
But the good news that there is a way to achieve that with a “WP-Table Reloaded Extension”. I have explained that here: http://tobias.baethge.com/2009/12/extension-1-url-to-link-conversion/
Hope that helps!
Best wishes,
Tobias
Wow, thanks for that quick response. You are the best!
Tried leaving you a donation, but have HUGE issues with Paypal. If there’s another way to donate, please let me know.
Thanks so much!
Tim Baran
Hi Tim,
You’re welcome for the response! :-)
Thanks for wanting to donate, that’s really nice of you. Other than my Amazon wishlist, I guess there’s no other possibility besides Paypal. Unfortunately that list is in German, so probably also not really helpful… Maybe you can simply try again in a few hours in case Paypal is the reason for your issues.
Best wishes,
Tobias
Tobias, I can import CSV but that format doesn’t retain the links. Can’t seem to import tables I saved as HTML or XML. I get a “Table could not be imported.” message. Checked the forums, but didn’t see any clear solution. Suggestions?
BTW, I followed the instruction that you linked to above and uploaded the link conversion extension, so eager to try it out :)
P.S. Paypal hasn’t work for awhile for me and they’re such a pain to deal with, but I have to fix it. Argh!
Hi Tim,
yes, the HTML and XML have special requirements regarding the correct format (see the docs). But as CSV import works, those are not really necessary.
If you can see the URLs that you want to be clickable links, then the Link Conversion Extension will do what you want.
(Don’t forget to activate the new “WP-Table Reloaded Extensions” plugin after uploading the file.)
The Paypal issue is too bad, but maybe you can find a solution.
Best wishes,
Tobias
Hi, thx for the great plugin.
I got a question, the default is to show 10 entries, how do I change it to 25 entries?
thx very much for your help.
Hi Antonia,
that is explained in the question “How do I get the table to display all the rows or change the default of 10?” in the FAQ.
Best wishes,
Tobias
Tobias,
As soon as I read the description of the plugin, I instantly knew it was what I was waiting for to create my index of articles.
I installed but I am getting a double search box and some weird space below the table, here is a screenshot:
http://www.cigarinspector.com/images/misc/table-screenshot.jpg
Could you please tell me why it’s happening?
Thanks a lot for your help,
Denis
Hi,
it looks like, your theme contains to calls to
wp_footer();in the footer.php. Can you check that (and eventually remove the one after the closing</html>)?Regards,
Tobias
Awesome WordPress table plugin – you’ve made my life so much easier!
Hi Tobias,
I love your plugin and have been using it. But, I upgraded to the latest version of WP-Table Reloaded and I’ve lost the “Sort” icons and function! Sort no longer is working. It was working before.
Here’s a simple test table (3 rows) I just loaded…
http://challengenews.net/wordpress/?page_id=4992
Any idea on what may have changed?
Thanks so much!
Mitch
Hi Mitch,
thanks for your comment.
I had a quick look at your demo page, and after looking at its source, I come to the conclusion that you either have not enabled usage of the DataTables library for this table (on the “Edit” screen of the table) or that your theme does not contain the line
<?php wp_footer(); ?>in its “footer.php”.Could you check those assumptions?
Regards,
Tobias
Hello Tobias,
Fantastic plugin! Great job.
When editing a table, there is an option to sort the table by certain filters. However I noticed this is a manual sort and must be performed every time content is added to the table. Is there a way to automate the sort, so that is is performed upon page load? Thanks again!
Hi,
you are right, the sort on the “Edit” screen has to be started manually.
For an automatic sort on page load, try this:
Add
to the “Custom Commands” textfield of the “DataTables JavaScript Features” on the “Edit” screen of the table in question.
In the above case, the sorting will then be done on the first column. To change that to a different column, change the “0″ from the code to the number of the column minus one. (They use 0-based indexing.)
Hope this helps!
Best wishes,
Tobias
Hey Tobias,
Is there a way to keep the outer border on a table, but remove or hide the inner borders?
Also, if that is possible, is there a way to make the outer border corners rounded (like 5px)?
Thanks,
Jeff
Hi Jeff,
thanks for your comment.
For a way to remove the inner borders, please refer to the question “How do I remove the borders from a table?” in the FAQ.
Adding a an outer border that is rounded is possible, but requires some additional work. I emailed you a link with an example, but due to time reasons I can not further help with that. I recommend that you try finding the necessary CSS from that page, e.g. with the Firefox extension Firebug.
Thanks for your understanding!
Tobias
Hey Tobias,
Thanks for the reply. Could you send that email again? I haven’t seen it anywhere.
Thanks,
Jeff
Hi Jeff,
did that. I haven’t received a bounce though, so maybe it just needs time :-)
Regards,
Tobias
Hi Tobias,
When I post a table, I get a large blank space before the end of the post that doesn’t occur in a regular post. Is there a way of changing this by editing one of the plugin files?
P.S.: Could you also send me the email giving the example of a rounded table? Thanks!
Thanks for your time,
Richard
Hi Richard,
thanks for your question.
The blank space is probably inserted by the DataTables JavaScript, it’s needed for the pagination to work nicer. Have you tried turning that off?
And I’ll email you that link.
Regards,
Tobias
I’ve got the table up and running. It looks and works beautifully. I’m hoping to keep it, but what I’m ultimately looking for is a table that will automatically update with info entered in a form on another page.
In other words, I have a form that people enter their ‘group’ information (location, group name, group contact info, description). The way it’s set up now, I will need to then input that info into your lovely form plugin. Is there any way to have that info automatically put into the form?
I’m not very tech savy. I did manage to change the column width thanks to your clear instructions, but much more technical than that and I’m going to get confused. I’m open to paying someone to help me figure out how to do this though. Let me know, if you think you can do it.
Thanks!
Ann
Hi Ann,
I’m afraid that what your are needing is not possible with my plugin. It is designed to show static data, either enter manually or imported from a file. I can not get it’s data dynamically or automatically from a source.
In your case, it might be the easiest to develop a custom plugin that pulls the data from your database and displays it as a table.
Unfortunately I’m quite busy at the moment and can therefore not work on this with you, I’m really sorry!
Best wishes,
Tobias
Thank you for sharing such a lovely plugin :)
I seem to be having a peculiar problem with this though. I tried adding it in my sidebar, but it comes out as the Shortcode text itself rather than the table…
I tested the table on one of my pages and it works fine.
Thank you,
Tiffany
Hi Tiffany,
thanks for your question.
How exactly are you trying to put the table in the sidebar, i.e. where have you entered the Shortcode for it?
To show tables in a sidebar, you will either need to paste the Shortcode into a “Text Widget” or use the Template Tag function and put it into corresponding PHP file of your theme.
Regards,
Tobias
I entered the Shortcode in my theme editor in sidebar.php.
I’m unfortunately lacking decent knowledge in WordPress (so I apologise for troubling you), and I do not know how to retrieve or convert the Shortcode into a template tag function.
Thank you,
Tiffany
Hi Tiffany,
to show a table in the sidebar I would actually recommend using a text widget with the Shortcode (your theme has to support widgets though for this).
Otherwise, you will find more about the template tag in the documentation.
Basically, instead of the Shortcode
[table id=1 /], you’ll need to use this:Best wishes,
Tobias
We’re using your plugin for a hosted website. In the dashboard, were we can edit the table, we’re getting the following message:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Timestamp: Tue, 19 Jan 2010 21:58:56 UTC
Message: Expected ‘)’
Line: 428
Char: 110
Code: 0
URI: http://memorial-umc.org/wp-content/plugins/simple-flash-video/stats/simplestats.js
This is new – we have not had this error before. It is making the admin part of the plugin difficult to use for our person who updates it. Any advice?
Hi Allen,
thanks for your comment.
From the
> URI: http://memorial-umc.org/wp-content/plugins/simple-flash-video/stats/simplestats.js
in your comment, I come to the conclusion that the error is not in my plugin, but in the “simple-flash-video” plugin.
It looks like that the plugin adds its JavaScript to the WP-Table Reloaded admin pages, although it should not.
Please confirm this by temporary disabling that plugin and checking if there persists on the WP-Table Reloaded pages.
If the error is gone then, please contact the author of “simple-flash-video” and ask him to update his plugin so that JavaScript is only loaded on its own admin pages.
Thanks!
Tobias