[Support request] Custome Table

[Maggie]

Hi Team,

I’am little known in coding, can you please help me how to code, below picture is all similar I want to produce css, table.

The design is from https://bit.ly/3yHI98r

Many Thanks.

[Fernando]

Hi Maggie,

If you install the free lightweight GenerateBlocks Plugin, you should be able to create such a layout with no code need.

See here for a guide on how GenerateBlocks works: https://www.youtube.com/watch?v=R7fwJECtgSg

In line with GeneratePress’ Block Element, you should be able to add such a section dynamically, and retrieve post meta data dynamically which is also possible through GenerateBlocks.

Reference to Block Element – Hooks: https://docs.generatepress.com/article/block-element-hook/

[Maggie]

Hi Fernando, Do i need to create Layout for my all post example I have 300 post.

[Fernando]

If you’re saving the Screen size, camera, etc. data in the Post meta of the post or custom post type, you should only need one for all posts.

Specifically, you would need to create only one Block Element, and grab the data dynamically through GenerateBlocks. Reference: https://docs.generateblocks.com/article/headline-overview/#dynamic-data

How are you storing the “Specs” data?

[Maggie]

Specs is only my reference I want to make for the General Info for https://bit.ly/3fQYWzb

Below is how i make a table and i make in all post, this is how i store the data. I hope you get my point.

<table>
<tbody>
<tr>
<td width=”140″>HQ:</td>
<td>2211 N 1st St, San Jose, CA, United States</td>
</tr>
<tr>
<td width=”140″>Zip Code:</td>
<td>95131</td>
</tr>
<tr>
<td>Traded as:</td>
<td>Nasdaq: PYPL, NASDAQ-100 component, S&amp;P 100 component and S&amp;P 500 component</td>
</tr>
<tr>
<td>ISIN:</td>
<td>US0378331005</td>
</tr>
<tr>
<td>Industry:</td>
<td>Financial services</td>
</tr>
<tr>
<td>Founded:</td>
<td>December 1998 (as Confinity) / October 1999 (as X.com)</td>
</tr>
<tr>
<td>Founders:</td>
<td>Ken Howery, Luke Nosek, Max Levchin, Peter Thiel, Yu Pan and Elon Musk</td>
</tr>
<tr>
<td>Products:</td>
<td>Credit cards, payment systems</td>
</tr>
<tr>
<td>Subsidiaries:</td>
<td>Braintree, Paydiant, Honey, Venmo, PayPal Credit, Xoom Corporation, TIO Networks, card.ioi, Zettle, Tradera</td>
</tr>
<tr>
<td>Area served:</td>
<td>Worldwide</td>
</tr>
<tr>
<td>Business data for PayPal:</td>
<td>Google Finance / Yahoo! Finance / SEC filings</td>
</tr>
<tr>
<td>Official Website:</td>
<td>http://www.paypal.com</td>
</tr>
</tbody>
</table>

Thanks

[David]

Hi there,

just to be clear, you want to make your General Info table look like the Specs table ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Maggie]

Hi David, your correct.

[Fernando]

Hi Maggie,

I see. So, you’re adding the data manually for each post.

If you input it manually, you can get GB Pro, and then create a pattern/template for that table so you can reuse it in all your posts.

Reference: https://docs.generateblocks.com/article/pattern-library-overview/#local-patterns

Otherwise, you’ll need to manually copy and paste the template you’ll be creating on each page.

[Author]

Posts