Hey eemad,
You can create this exact table easily with jtrt responsive tables,
for example I made this table on my test website located here:
http://tables.johntendik.com/examples/
scroll all the way to the bottom where example 9 is shown.
Unless you theme has these styles already, you may need to add the following css code on your website. Normally the table will inherit your theme styles, but you can override them with custom css, here’s how:
#jtrt_table_88 td,#jtrt_table_88 th{
padding:8px;
border:solid 1px #ccc;
}
Change the number 88 to represent the table ID for your table. So for example if you shortcode is [jtrt_tables id=”10″] you need to change #jtrt_table_88 td to #jtrt_table_10 td
Hope this helps 😀
Thanks for using my plugin, im really glad it is useful!
John
Thread Starter
eemad
(@eemad)
OWO!! You are great, Man!
It is exactly what i am looking for!
Tons of thanks!
No problem, glad I could help 😀
Thread Starter
eemad
(@eemad)
One last thing, can you please tell me how did you change the background color of first raw of your example 9?
Thanks!
Hey,
I used the cell color button on the table editor, its in the toolbar. I would take a screenshot and show you but I’m currently at work.