Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show Cart


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.
    more...


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Data Tables

Responsive Table
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Responsive Table
#50727
Responsive Table 10 Years, 3 Months ago Karma: 0
Hi,
I use data tables at one of my webpages!
It runs on Joomla 3.3.1

On smarthphones the page is displayed perfectly, except the tables!
E.g. lesbian-world.de/lesben-locations/locations-deutschland/lesben-locations-muenchen.html

Is it possible the switch to responsive tables?
Or do I've to create a CSS solution?

Anybody out there can help me?

Webangel
Webangel
User Offline Click here to see the profile of this user
Gender: Female aurora-europe Location: Munich
The administrator has disabled public write access.
 
#50730
Re:Responsive Table 10 Years, 3 Months ago Karma: 760
Hello,

Set "Auto width" parameter to "No" and add the following code to "CSS Styles" parameter:

TABLE.dataTable {table-layout:fixed;}

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#50748
Re:Responsive Table 10 Years, 3 Months ago Karma: 0
Hello and thanks for your response!

It worlks only partially!

the remaining columns (after display width on my iPhone 5S) are above each other in a extra column

See at lesbian-world.de/literatur/allgemeine-literatur-frauen.html
Webangel
User Offline Click here to see the profile of this user
Gender: Female aurora-europe Location: Munich
Last Edit: 2014/08/08 13:29 By Webangel.
The administrator has disabled public write access.
 
#50749
Re:Responsive Table 10 Years, 3 Months ago Karma: 760
The problem occurs because the fixed width is defined for the first two columns (see "Columns settings -> Width" parameter) and these widths takes all available space on mobile device with not high screen resolution. You can leave "Columns settings -> Width" parameter empty.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#50766
Re:Responsive Table 10 Years, 3 Months ago Karma: 0
Thank you very for you response and tip for the column settings.
But now it looks pretty unsightly! High columns with unreadable content.

Is there any possibility to do it like
css-tricks.com/examples/ResponsiveTables/responsive.php

Does Ari Soft offers another tool for a approbate solution?

Webangel
Webangel
User Offline Click here to see the profile of this user
Gender: Female aurora-europe Location: Munich
The administrator has disabled public write access.
 
#50767
Re:Responsive Table 10 Years, 3 Months ago Karma: 760
Currently the extension doesn't show tables in this way.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 12
ARI Soft Forum
Joomla components
ARI Data Tables
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009