How do I display posts as a table?

Hi, this is Sandra from GREYD and today I’d like to show you how to display posts on your GREYD.SUITE website as a table. To do that just enter the block post table somewhere on your website. Post table is a variant of the native WordPress query loop. If you want to learn more about that in general or the GREYD.SUITE version post overview, please have a look at our tutorials in the Helpcenter since I will now focus on those functions that are relevant for the table.

At first, as usual in query loops you can select which post type you’d like to display and can of course also select from your custom post types here. And you will find the usual settings for the order and if you want to filter your post type. As soon as you click somewhere in your table you will get to the table settings and can define how many columns your table should have and whether or not you would like your table to have a header and or a footer. All other settings already belong to the respective columns. You can for example set the alignment and define whether or not the user should be able to sort the table after that column in the frontend.

And you can define the size of the column individually per breakpoint and even hide columns for certain breakpoints, that way creating really mobile responsive tables easily. All the other design settings in terms of colors, fonts, forms are defined in your global table stylings. So now let’s fill our table with content.

As you’ve seen, you can just enter your text directly here by just typing it in, which makes mainly sense in the header or footer or if you want to have the same text in the entire column. Other than that, filling your table with content works with Dynamic Tags – either with the symbol here or by just entering a hashtag. You will find all available Dynamic Tags – all the standards like the post title, author etc. – but also all your custom fields like for example for my post type I have a price field. And I can of course always add individual text directly in the editor.

You can also work with all options from the toolbar including links that you can set here. Other than that you can always edit your table here by adding or deleting columns. There are also some very interesting Dynamic Tags especially for the header and footer, for example you can build totals or averages, which is very interesting if you have numbers here.

If you want to learn more about Dynamic Tags in general, there’s also a tutorial video on that in our Helpcenter. For more videos and information please visit our Helpcenter.