1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Putting Tables(Charts) In Wordpress

Discussion in 'Blogging' started by tfcblogguy, Dec 11, 2011.

  1. tfcblogguy

    tfcblogguy Newbie

    Joined:
    Dec 11, 2011
    Messages:
    10
    Likes Received:
    2
    First, off, hi everyone, newbie here. I use WordPress quite frequently, am familiar with plug-ins, HTML etc. - so I don't really need a rundown on all that stuff.

    I have a website for a small business that I made using Wordpress and the prices need to be put into charts - which I made using the <table> tag in HTML and copied into the HTML editor in Wordpress. The table showed up except even though I put a border (border="1" or "2") it would not show a border.

    Also, is there any easy way for a non-HTML savvy person to create charts in Wordpress (there are other non code savvy people using and wanting to edit the site) - any help would be appreciated.
     
  2. zone69

    zone69 Junior Member

    Joined:
    Nov 24, 2008
    Messages:
    196
    Likes Received:
    1,290
    You can use these 2 plugins; 1 for tables and 1 for charts:

    Code:
    http://wordpress.org/extend/plugins/wp-table-reloaded/
    http://wordpress.org/extend/plugins/easy-chart-builder/
    
    I have not used the chart builder recently but do use wp-table-reloaded which is a great plugin.

    Hope this helps!
     
    • Thanks Thanks x 1
  3. iiaok

    iiaok Regular Member

    Joined:
    Apr 8, 2010
    Messages:
    394
    Likes Received:
    184
    Occupation:
    Pro Apple Bobber
    Location:
    Pinterested.
    Seems to my that you're having a styling issue. Check your style.css file and find how your tables are drawn.

    But wp-table-reloaded is a great option if you don't want to get into the code. Plugins can slow you down a bit, but they're the best option if you don't want to hard code it.
     
  4. tfcblogguy

    tfcblogguy Newbie

    Joined:
    Dec 11, 2011
    Messages:
    10
    Likes Received:
    2
    Okay, I figured out what the problem was.

    1) add the Ultimate Tiny MCE plug-in - they will add a row in your WYSIWY editor when you add pages/posts

    2) also, I had a problem of vertical rows not showing - when I used the HTML "border = 1" it didn't show a border. What you need to do instead is

    <table style="width:200px;color:#804000;"> <tbody> <tr> <td style="border:1px solid #ccc;padding:2px;">1</td> <td style="border:1px solid #ccc;padding:2px;">2</td> <td style="border:1px solid #ccc;padding:2px;">3</td> etc. etc. etc.Hope this helps anyone who had a similar problem.