"Tables" (#1312871) / CodexThemes

Comments

PGM111 started the conversation
September 23, 2017 at 11:48pm
I am using your styled TABLES inside my website. I want to know an easy way to increase the size of the table. I want a table with 100 rows and 6 columns in Style 1. Can you simply send me the code so that I can copy and paste? If not, how do I increase the size of the tables? Please help.
PGM111 replied
September 24, 2017 at 12:04am
Another question regarding your Gem tables...
Can the tables be linked to a .CSV file or another database for easy updates?
PGM111 replied
September 24, 2017 at 12:15am
Another question regarding Tables, Tabs and Tours...
I want to embed a Tab section inside each of three Tour sections. Is that possible?
5,055
Michael replied
September 26, 2017 at 2:42pm
Hi, sorry, not quite sure what do you mean. Can you pls provide more details with screenshots?
PGM111 replied
September 26, 2017 at 6:07pm
I am using The Gem theme and want to use your Style #1 table. The default is three or four columns and only a few rows. I want the table to contain seven columns and 100 rows. How do I create a such a large table? I am not a programmer

5,055

Michael replied

September 27, 2017 at 10:04am

pls. use following css:

<table style="width: 100%;">
<thead>
<tr>
<th>
<h6>Column 1</h6>
</th>
<th>
<h6>Column 2</h6>
</th>
<th>
<h6>Column 3</h6>
</th>
<th>
<h6>Column 4</h6>
</th>
<th>
<h6>Column 5</h6>
</th>
<th>
<h6>Column 6</h6>
</th>
<th>
<h6>Column 7</h6>
</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
</tr>
<tr>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
</tr>
<tr>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
</tr>
<tr>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
</tr></tbody></table>

Unfortunately the use of this element requires knowledge of html. I made for you a table of 7 columns and added a few lines. To add a line you need to copy this code the right number of times:

<tr>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Lorem ipsum dolor sit amet</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
<td style="text-align: center;">Consectetur adipisicing</td>
</tr>