WordPress.org

Ready to get started?Download WordPress

Forums

WP UI - Tabs, Accordions, Sliders
Is there a way to insert a table in a tab ? (4 posts)

  1. uscarsfrance
    Member
    Posted 1 year ago #

    Hi from France.

    I have a page with a basic HTML code like this :

    Cadillac De Ville Convertible 1965
    <table width="400" border="1" cellspacing="2" cellpadding="0">
    <tbody>
    <tr>
    <td width="100"><span style="color: black;">Production</span></td>
    <td width="100"><span style="color: black;">Longueur</span></td>
    <td width="100"><span style="color: black;">Empattement</span></td>
    <td width="100"><span style="color: black;">Poids</span></td>
    </tr>
    <tr>
    <td width="100"><span style="color: black;">19200</span></td>
    <td width="100"><span style="color: black;">5,69 m</span></td>
    <td width="100"><span style="color: black;">3,29 m</span></td>
    <td width="100"><span style="color: black;">2127 kg</span></td>
    </tr>
    </tbody>
    </table>

    When the page is viewed normally, the table is visible.

    http://www.uscars.biz/uscars.wordpress/cadillac/cadillac-convertible/cadillac-convertible-carrosserie/cadillac-convertible-carrosserie-1965/

    But when the page is viewed though a tab, the table is not visible and only the text in the table is visible.

    http://www.uscars.biz/uscars.wordpress/cadillac/cadillac-convertible/cadillac-convertible-carrosserie/

    So, is there a way to make a tab shows the table as it should be ?

    Best regards.

    http://wordpress.org/extend/plugins/wp-ui/

  2. gdisalvo
    Member
    Posted 1 year ago #

    Yes - just use the short codes. SPAN may not have any affect. Some styles are from your theme. Check the CSS style to make sure using firefox browser and firebug.

    example:

    [wptabs style="wpui-green" mode="horizontal"]
    
    [wptabtitle]Diving[/wptabtitle] 
    
    [wptabcontent]
    <table border="1" cellspacing="1" cellpadding="1">
    <tbody>
    <tr align="center" bgcolor="00CC00">
    <td><big>Boys</big></td>
    <td><big>Record</big></td>
    <td><big>Date</big></td>
    <td><big>Event</big></td>
    <td><big>Girls</big></td>
    <td><big>Record</big></td>
    <td><big>Date</big></td>
    </tr>
    <tr>
    <td>O. Moyer</td>
    <td>144.45</td>
    <td>2004</td>
    <td>11&U 1 mtr Diving</td>
    <td>J. Delvecchio</td>
    <td>122.65</td>
    <td>2004</td>
    </tr>
    <tr>
    <td>D. Roberts</td>
    <td>215.95</td>
    <td>2003</td>
    <td>12-14 1 mtr Diving</td>
    <td>J. Gramm</td>
    <td>150.58</td>
    <td>2000</td>
    </tr>
    <tr>
    <td>T. Fitzgerald</td>
    <td>282.90</td>
    <td>2008</td>
    <td>15&O 1 mtr Diving</td>
    <td>S. Lavrich</td>
    <td>256.05</td>
    <td>2012</td>
    </tr>
    </tbody>
    </table>
    [/wptabcontent]
    [/wptabs]

    [Please post code or markup snippets between backticks or use the code button. As it stands, your posted code may now have been permanently damaged by the forum's parser.]

  3. Dennis Nguyen
    Member
    Posted 11 months ago #

    Hello there,

    I know this thread is old, but I have added a table to a tab.

    I used the plugin called TablePress to add tables to tabs. You can visit my test website to take a look at what I did.

    http://dennisnguyen.net/avpsample/cluster-pvd/

    Thanks

  4. theregoesjb
    Member
    Posted 11 months ago #

    Also adding an 'i know this thread is old but..' I was also in need of a table within my tabs, heres what I did-

    -I chose the "use page" for tab content option

    I was making my tables in microsoft excel, which has an option to save the page in .html format, I then opened the file and copy/pasted the html into the wordpress page text editor. All depends on what exactly you need but this makes formatting your tables super easy.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags