css class for responsive table

More
3 years 6 months ago - 3 years 6 months ago #9182 by joomlis
joomlis created the topic: css class for responsive table
Hi,
I am using jm-university, I need to create a responsive HTML table.
Please which css class can I use.

<table class=" ">
...
</table>


Best regards
J.
Last Edit: 3 years 6 months ago by joomlis.

Please Log in or Create an account to join the conversation.

More
3 years 6 months ago #9184 by artur
artur replied the topic: css class for responsive table
Hello,
Table is really not responsive html element.
By default in Bootstrap we have class 'table'. But this is not responsive table.
If you want have responsive table, you should add some extra styles.

Example 1 :
@media(max-width: 767px) {
.table {
 overflow-x: scroll;
display: block;
}
}

Example 2 :

techblog.livingsocial.com/blog/2015/04/0...-tables-in-pure-css/
css-tricks.com/responsive-data-tables/

Regards.

Please Log in or Create an account to join the conversation.

More
3 years 6 months ago #9185 by joomlis
joomlis replied the topic: css class for responsive table
Thanks dear Artur,
I will try it!

Best wishes,
J.

Please Log in or Create an account to join the conversation.

Time to create page: 0.227 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.