How to create nice responsive tables

Hello,
my website is www . casino-online . bz
I have css override enabled. I need to show some responsive tables into my k2 items. If I insert a table by k2 editor I get bad tables not responsive and not nice. I noticed that we have the magic GK Typography tool that do many cool things. I already used it for lists, quotes, ... but unfortunatly I need to create something like that:

gavick-table-joomla.jpg

Can you help me to find a way to create such tables?

Hi,
in most cases you have to use responsive table plugin.
by default <table> are not responsive so it request much more work to make them tablet friendly, but about mobile you can forget anyway.

The "responsive table plugin" is a plugin I already have installed or do I have to install it from extension directory?

J!ED , for example check "Responsive Tables" plugin, author: web-eau.net , link: http://www.web-eau.net/developpement/responsive-tables - it may help a little bit.
or
second option: redesign-recode table using <div> layout not <table> and you don't need any extra plugins.
But it's all depends on your skills.

Thank yoiu Oscar for your great suggestion. Just for curiosity, do you have here an example of a nice table with div? In one of your demo template for example, or in your documentation,...
Just to have a look.

Currently I don't have. But I know that you still have access to Google search engine, right

Hello Oscar,
I cannot use the plugin you suggested me cause it cuts the table on mobile devices.
Using google I found out that if I have Bootstrap I can get a responsive table only by adding one div tag over it.
I read that Joomla 3 has Bootstrap included by default, but here you say no:
https://www.gavick.com/forums/cloudhost ... trap-32177

Does News2 template with Joomla 3.4.1 use Bootstrap?

It wasn't me who said "no".
Becuase our templates uses default bootstrap v2 from Joomla 3 core,
check here: gk_news2\layouts\blocks\head.php

$doc->addStyleSheet($this->API->URLbase() . '/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet($this->API->URLbase() . '/media/jui/css/bootstrap-responsive.min.css');
$doc->addStyleSheet($this->API->URLbase() . '/media/jui/css/bootstrap-extended.css');

BTW
you can always install plugin which will load bootstrap v3 , I saw few solutions on J!ED