Is there a way to insert a table in a tab ?

(@uscarsfrance)

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/

Viewing 3 replies - 1 through 3 (of 3 total)

gdisalvo
(@gdisalvo)

11 years, 3 months 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.]
Dennis Nguyen
(@nguyen4514)

10 years, 9 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

theregoesjb
(@theregoesjb)

10 years, 8 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.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Is there a way to insert a table in a tab ?’ is closed to new replies.

Tags