Which is the best plugin for table creation?

[rohitk]

In wordpress I have faced some problem, I want to make a table in my post but I have not know much about designing. So please help me for that. And suggest me a best plugin for table creation.

[universal4]

If you are talking about basic real tables, use html. (far faster by great magnitudes)

If you are talking about what many use on sites that often will have a short paragraph or maybe even a miniature review, and then contain a button to visit the operator directly or link to another page with a full review, that I recommend poka review plugin. They have both a full theme as well as offering a plugin for those using their own themes. More info here.
https://www.gpwa.org/forum/wordpress...ed-248764.html


Rick
Universal4

[johan_s]

I am using TablePress with their responsive add on.

[gm2891]

Just Google for HTML table generator or simply use this site https://divtable.com/table-styler/.

5min in your tables be ready.

You can also use the following site for some cool trick and advice: https://css-tricks.com/

Here you can find templates: https://colorlib.com/wp/css3-table-templates/

And here is a basic stuff: https://www.w3schools.com/html/html_tables.asp

If you start using plugins for any simple things you'll end up having them a lot and using them forever,

however, it's entirely up to you.

[johan_s]

Cool. Never know about divtable. Is there any way to make it mobile friendly?

[gm2891]

This adds a horizontal scrollbar at the bottom keeping the table in full width:


<div style="overflow-x:auto;">
<table class="different-casino-crap">
<thead>
<tr>

You can also adjust column width, if you like by changing percentage:

<col width="25%">
<col width="25%">
<col width="25">
<col width="25%">


With this you can set the table height and add a vertical scroller:

<div style="height:500px;overflow:auto;">


You can find a lot about such thing on https://stackoverflow.com/questions/...his-html-table, they know everything there hahah

[gm2891]

Also, i would recommend copy/pasting your html code into this tool https://www.htmlcorrector.com/.

It will correct your code in one click giving you back a clear properly written one that you can paste into your site.

In case you came across on the internet some fancy HTML tools/helpers/cleaners etc.,

keep an eye on what they add to you code!

The ones i recommended are fine.

Here is a good read if anyone's interested: https://casparwre.de/blog/seo-scam/

[Adamovich]

Tablepress all the way. If you know a bit of CSS, there's nothing you can't do with that + it's a free plugin, very well developed and the owner is extremely helpful and responsive in wordpress.org support.

[gm2891]

Tablepress all the way. If you know a bit of CSS, there's nothing you can't do with that + it's a free plugin, very well developed and the owner is extremely helpful and responsive in wordpress.org support.

Is this how you've created your scrollable tables with casino information in there or they are part of your theme?

[MJM]

Gutenberg has a very simple table block included that works for simple things. I'm exploring wpdatatables now for more advanced stuff, but have yet to really dive into it. Google loves tables when done right, but man are they hard to pull off on a good mobile experience with more than two columns. Following this thread with interest.

[ddm]

but man are they hard to pull off on a good mobile experience with more than two columns. Following this thread with interest.

the trick my friend, is to use a table + turn that table into a CSS grid on mobile, so you don't lose table semantics, and can manipulate its elements at a block and inline level

here's an example :
https://vegas-odds.com/table.html
[open it in chrome dev tools, and scale it, - look at the dom - and notice how the table becomes a css grid when small, but just table when big.. ]

edit: there are some nice tricks you can do with pseudoclasses too [eg here for labels ]
https://codepen.io/gilli/pen/QVaWGR/


option B is to use "fake tables", assigning semantics using aria row, column, columheader , rowgroup attributes
eg https://developer.mozilla.org/en-US/.../Rowgroup_Role


tl;dr -css grid is your friend.

[MJM]

tl;dr -css grid is your friend.

If only I had those types of skills, I just fumble my way around - but thank you for the great examples and suggestions, very helpful.

[gm2891]

the trick my friend, is to use a table + turn that table into a CSS grid on mobile, so you don't lose table semantics, and can manipulate its elements at a block and inline level

here's an example :
https://vegas-odds.com/table.html
[open it in chrome dev tools, and scale it, - look at the dom - and notice how the table becomes a css grid when small, but just table when big.. ]

edit: there are some nice tricks you can do with pseudoclasses too [eg here for labels ]
https://codepen.io/gilli/pen/QVaWGR/


option B is to use "fake tables", assigning semantics using aria row, column, columheader , rowgroup attributes
eg https://developer.mozilla.org/en-US/.../Rowgroup_Role


tl;dr -css grid is your friend.

And, Option C is visiting sites like codepen.io, grab their code edit it and use it for your own site. [that's what i do all the time...]

[Adamovich]

Is this how you've created your scrollable tables with casino information in there or they are part of your theme?

Yes, that's correct. My database to TablePress and then with some CSS to website.