WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Show vertical lines (borders) (34 posts)

  1. dizajn123
    Member
    Posted 1 year ago #

    Hi there, i love tablepress plugin, great job!
    I have a question, what should i do to get the plugin to show vertical borders-(lines)in my table?
    Thanks a lot :)

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

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your question.

    The best way to do that is to add

    .tablepress td {
      border: 1px solid #DDDDDD;
    }

    to the "Custom CSS" textarea on the "Plugin Options" screen of TablePress.

    Regards,
    Tobias

  3. dizajn123
    Member
    Posted 1 year ago #

    Thank You very much, You`re the man!

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    no problem, you are very welcome! :-)

    Best wishes,
    Tobias

  5. dizajn123
    Member
    Posted 1 year ago #

    Hello Tobias :) Me again, I need to ask two more questions.
    I get errors when using #rowspan# and #colspan#, it jut wont work for me, as I get message: "DataTables warning (table id =tablepress-4) requested unknown parameter73` from the data source for row 1"

    Also, there are no options like swap columns (a and b) or swap rows etc, like you have in wp-table reloaded... So i`m curious, will you implement this eventually?

    Thank you for your time and dedication to our cause!
    regards, Marko

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Marko,

    thanks for your questions.

    The reason for these error messages is that the DataTables JavaScript library (which brings the sorting/filter/pagination features) does not work in tables that have connected cells (via #rowspan# or #colspan#). So, you will have to decide: Either use DataTables or connected cells. Both at the same time is not possible, unfortunately.

    And about column/row swapping: This is actually implemented, and it should be much easier than in WP-Table Reloaded now, although (as I see from your question) it's not that obvious: You can now drag and drop the columns/rows, by clicking on their label (column name A, B, C, .../row name 1, 2, 3, ...) and than dragging it to the new position.

    Regards,
    Tobias

  7. dizajn123
    Member
    Posted 1 year ago #

    “Well, This Is Embarrassing :D Thank You Tobias, it was quite obvious, guess I wasn't looking hard enough. But there`s an idea, you could post about that in a FAQ section, why not?
    best wishes, Marko
    P.s. I absolutely love the plugin!

  8. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Marko,

    great that this helped :-)

    Yes, I will add it to the FAQ page, once I find the time to update the entire website :-)

    And nice to hear that you like the plugin so much! Don't forget to rate it in the plugin directory then :-)

    Best wishes,
    Tobias

  9. kgagne
    Member
    Posted 1 year ago #

    Just want to say that the CSS for enabling cell borders was helpful for me, too! It's the most visible frontend difference in switching from WP-Table Reloaded to TablePress, IMHO. It's good to have them back. :-)

    Thanks!

    -Ken

  10. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I guess the vertical borders are just personal preference :-) I, for example don't like them (in most tables) :-)
    But with the flexibility of the CSS, everybody can have it as he wants. So, great that this piece of code was helpful!

    Best wishes,
    Tobias

  11. VMui
    Member
    Posted 1 year ago #

    Hi Tabias,

    First off, kudos for a great plugin.

    My question is regarding the CSS code that you provided above which allows the display of the table borders. For some reason, it's not showing properly on our website, please see here: http://www.thewack.ca/s3-week-3/

    As you can see, the top and the right borders are missing. Do you know what the problem is?

    Thanks,
    Vic

  12. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Vic,

    thanks for your post.

    Due to CSS that is added by your theme, you'll just need some slightly extended CSS code. Please replace your current "Custom CSS" with this:

    .tablepress,
    .tablepress tr,
    .tablepress tbody td,
    .tablepress thead th,
    .tablepress tfoot th {
    	border: 1px solid #dddddd;
    }

    Regards,
    Tobias

  13. LindaEve
    Member
    Posted 1 year ago #

    I love you Tobias. You have all the answers!

  14. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Linda,

    well, I try :-) Great to hear that this helped!

    Best wishes,
    Tobias

  15. pegasus1112
    Member
    Posted 1 year ago #

    I'm just migrating over to TablePress now. A very smooth transition so far! However, on some tables I'm getting a double thickness border on the horizontal lines, whereas the same tables in wp-tables-reloaded were only a single thickness. The specific tables don't have any styling for their borders, so this is coming from the defaults. I get the same thing when I view it in both Firefox and IE.

    I found that the old table defaults from wp-t-r weren't coming through, so I grabbed this code from Firebug:

    .tablepress {
    	background-color: #CDCDCD;
    	border-collapse: separate;
    	border-spacing: 1px;
    	font-size: 8pt;
    	margin-bottom: 15px;
    	margin-left: 0;
    	margin-right: 0;
    	margin-top: 10px;
    	text-align: left;
    	width: 100%;
    }
    
    .tablepress td {
    	background-color: #FFFFFF;
    	color: #3D3D3D;
    	padding-bottom: 4px;
    	padding-left: 4px;
    	padding-right: 4px;
    	padding-top: 4px;
    	vertical-align: top;
    }
    
    .tablepress th,
    .tablepress thead th {
    	background-color: #E6EEEE;
    	border-color: #FFFFFF;
    	border-style: solid;
    	border-width: 1px;
    	color: #3D3D3D !important;
    	padding-bottom: 4px;
    	padding-left: 4px;
    	padding-right: 4px;
    	padding-top: 4px;
    	text-align: center;
    }

    Maybe I left out some crucial styling? I tried to grab only the essential stuff.

    Any help to get rid of the double thickness would be most appreciated. Thanks!

    Here's an example of a couple of tables. The top (with the logos) how has default horizontal lines, where it had none before (and should have no lines at all). The table grid below that shows the double thickness.

    http://www.radonc.utoronto.ca/our-community/faculty/continuing-education/conferences/target-insight/sponsors

    Thank you!

  16. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your question, and sorry for the trouble.

    To fix this, I suggest that you remove everything between

    /* DEFAULT STYLES FROM WP-TABLE-RELOADED - FORMER PLUGIN */

    and

    /* TABLE 7 = RTi PLATINUM SPONSOR LEVELS

    That will bring back the better TablePress default styling, without doube borders.

    To then remove the borders on the top table again, change

    .tablepress-id-19,
    .tablepress-id-19 td,
    .tablepress-id-19 th,
    .tablepress-id-19 td {
    	border-collapse: collapse !important;
    	border-spacing: 0 !important;
    }

    to

    .tablepress-id-19,
    .tablepress-id-19 tr,
    .tablepress-id-19 tbody td,
    .tablepress-id-19 thead th,
    .tablepress-id-19 tfoot th {
    	border: none;
    }

    (See http://tablepress.org/faq/remove-borders-from-a-table/ for how I got this.)

    Regards,
    Tobias

  17. pegasus1112
    Member
    Posted 1 year ago #

    Thanks very much for your reply, Tobias. I managed to get it all to work, although with some tinkering.

    For one thing, to make the table-19 work (to remove the borders) I had to add "!important" to the border style.

    I also needed to put some back that you suggested I remove. In particular, I found the font sizes became huge and the cell padding was also huge. I had been declaring font sizes in ems, so I needed to put that default back in, rather than go through all tables and change the font-sizes (I used 11px rather than 8pt). For much the same reason, I needed to put a default for cell padding back in.

    I thought I'd mention these, since others might be having the same problems.

    Many thanks for your help!

  18. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    great to hear to hear that you were able to get everything to work! Your case is a little bit tricky, as your theme loads code that affects tables itself.
    So, the better that everything is good now :-)

    Best wishes,
    Tobias

  19. pegasus1112
    Member
    Posted 1 year ago #

    Ah, thank you for pointing that out, about the theme's table styles. That likely explains why it's been a bit of a struggle getting it all to work. :-)

  20. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    sure, no problem. That's for example also the reason why you needed that !important.

    Best wishes,
    Tobias

    P.S.: In case you haven't, please rate TablePress here in the plugin directory. Thanks!

  21. acostanza
    Member
    Posted 8 months ago #

    This plugin is amazing! I only wish I'd discovered it earlier. One questions I have is how to vertically align text in the table boxes. I tried

    .tablepress td {
    	vertical-align: middle;
    }

    but it didn't seem to have any effect.
    Thanks for the plugin and any advice!

  22. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    thanks for your question, and sorry for the trouble.

    Please try this "Custom CSS" that is a little bit more specific:

    .tablepress tbody td {
      vertical-align: middle;
    }

    Regards,
    Tobias

  23. astha gupta
    Member
    Posted 8 months ago #

    hi tablepress plugin is good. but one problem that i am facing is my table is not display in appropriate position i used many ways. i even used custom css. i am able to increase or decrease table, change position of table horizontally but doesn't able to change position vertically specially upwards.
    one more thing when i am not using DataTables JavaScript library it come in correct position. but i want to use DataTables JavaScript library and also want table to come on appropriate position.
    please help me and do the need fulls.

  24. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    thanks for your post, and sorry for the trouble.

    Could you please post a link to the page with the table, so that I can see what is wrong and try to find out what's causing that? Thanks!

    Regards,
    Tobias

  25. astha gupta
    Member
    Posted 8 months ago #

    my page is not online yet. i am working in localhost. but when i am working without DataTables JavaScript library custom css work and when i am using js library custom css doesn't work.

  26. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    that likely means that the CSS is not specific enough then.
    Unfortunately, I can't really help without being able to inspect this directly in the browser :-(
    I suggest that we take a deeper look at this, once the site is online on a server.

    Regards,
    Tobias

  27. astha gupta
    Member
    Posted 8 months ago #

    okay then i will take your help after online. one more question is there any way to add more the one table with one id.
    thanks for concern

  28. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    that sounds like a good plan then :-)

    About that other thing: I don't really understand... What do you mean with "more than one table with one ID"? Of course, you can have several tables in TablePress, but they all have different IDs. Otherwise, they could not be distinguished, obviously.

    Regards,
    Tobias

  29. Zitronenen
    Member
    Posted 8 months ago #

    Hallo Tobias,

    ich habe mit dem Code

    .tablepress,
    .tablepress tr,
    .tablepress tbody td,
    .tablepress thead th,
    .tablepress tfoot th {
    	border: 0px solid #dddddd;
    }

    Die Rahmen fast wegbekommen jedoch ist noch der äußere Rahmen sichtbar.
    Könntest du mir da noch helfen?

    Anbei das Problem was ich meine:

    Hoffe das ist erlaubt

  30. TobiasBg
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    thanks for your question. As these are English language forums, I'll reply in English. I hope that's ok.

    This likely means that your theme adds a border in a more aggressive way. I therefore recommend to try again with this code:

    .tablepress,
    .tablepress tr,
    .tablepress tbody td,
    .tablepress thead th,
    .tablepress tfoot th {
    	border: none !important;
    }

    If that does not help, please post a link to the page with the table, so that I can directly inspect the code. Thanks!

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic