Title: [Plugin: TablePress] Show vertical lines (borders) Last modified: August 20, 2016 --- # [Plugin: TablePress] Show vertical lines (borders) * Resolved [dizajn123](https://wordpress.org/support/users/dizajn123/) * (@dizajn123) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/) * 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/](http://wordpress.org/extend/plugins/tablepress/) Viewing 15 replies - 1 through 15 (of 33 total) 1 [2](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/2/?output_format=md) [3](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/3/?output_format=md) [→](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/2/?output_format=md) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992356) * 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 * Thread Starter [dizajn123](https://wordpress.org/support/users/dizajn123/) * (@dizajn123) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992374) * Thank You very much, You`re the man! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992384) * Hi, * no problem, you are very welcome! 🙂 * Best wishes, Tobias * Thread Starter [dizajn123](https://wordpress.org/support/users/dizajn123/) * (@dizajn123) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992502) * Hello Tobias 🙂 Me again, I need to ask two more questions. I get errors when using #rowspan# and #colspan#, it jut won`t work for me, as I get message: "DataTables warning (table id =`tablepress-4`) requested unknown parameter`73` 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 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992503) * 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 * Thread Starter [dizajn123](https://wordpress.org/support/users/dizajn123/) * (@dizajn123) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992504) * “Well, This Is Embarrassing 😀 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! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992505) * 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 * [Ken Gagne](https://wordpress.org/support/users/kgagne/) * (@kgagne) * [13 years, 5 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992532) * 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 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 5 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992533) * 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 * [VMui](https://wordpress.org/support/users/vmui/) * (@vmui) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992550) * 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/](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 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992551) * 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 * [LindaEve](https://wordpress.org/support/users/lindaeve/) * (@lindaeve) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992552) * I love you Tobias. You have all the answers! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992553) * Hi Linda, * well, I try 🙂 Great to hear that this helped! * Best wishes, Tobias * [pegasus1112](https://wordpress.org/support/users/pegasus1112/) * (@pegasus1112) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992556) * 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](http://www.radonc.utoronto.ca/our-community/faculty/continuing-education/conferences/target-insight/sponsors) * Thank you! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [13 years, 4 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/#post-2992557) * 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/](http://tablepress.org/faq/remove-borders-from-a-table/) for how I got this.) * Regards, Tobias Viewing 15 replies - 1 through 15 (of 33 total) 1 [2](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/2/?output_format=md) [3](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/3/?output_format=md) [→](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/2/?output_format=md) The topic ‘[Plugin: TablePress] Show vertical lines (borders)’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) ## Tags * [Borders](https://wordpress.org/support/topic-tag/borders/) * [lines](https://wordpress.org/support/topic-tag/lines/) * [vertical](https://wordpress.org/support/topic-tag/vertical/) * 33 replies * 9 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/plugin-tablepress-show-vertical-lines-borders/page/3/#post-2992592) * Status: resolved