make tables responsive

[simgiallorosso]

good morning everyone and thank you for the time you dedicate to me.
I've read some old posts on the subject.

Make tables truly responsive

Hi, Just because I found it pretty cool... I'd like to share a trick to make tables truly responsive : http://elvery.net/demo/responsive-tables/#no-more-tables And with Fabrik, you can automatically add the label in your default_repeat_group_row.php (which renders your tables rows) replacing...

fabrikar.com

Responsive View on the tables

Hello, i already found some threads here how to get the tables responsive, but i don't know how to exactly do it. http://fabrikar.com/forums/index.php?threads/make-tables-truly-responsive.44095/ in this article is suggested to edit the default_repeat_Group_row.php - in my version the name is...

fabrikar.com

I wanted to know if in the new version there is some new feature that allows the tables to be responsive, because unfortunately I didn't find anything about it.

Among the solutions proposed many years ago, is there any that also solves for version 4 installed on Joomla 5.1.0?
thanks a lot to everyone

 

[lori19]

Hi there!

Without having read the posts you mentioned: I recently had the issue that a table from a repeated group was not responsive. The reason was that the elements with the plugin field were attributed a fixed width. After some poking around I found a CSS solution:

You need to add this to your user.css

td .form-control {
width: inherit !important;
}

The original JoomlaCSS says width: auto here.

It's a bit of a hack but it seems to work.

Kindly,
Lorenz

 

[simgiallorosso]

Hi there!

Without having read the posts you mentioned: I recently had the issue that a table from a repeated group was not responsive. The reason was that the elements with the plugin field were attributed a fixed width. After some poking around I found a CSS solution:

You need to add this to your user.css

td .form-control {
width: inherit !important;
}

The original JoomlaCSS says width: auto here.

It's a bit of a hack but it seems to work.

Kindly,
Lorenz

thanks for your reply. I tried inserting the code into my css, but nothing changed alas.

look

 

[elmarra]

Hi, it was discussed here.
Make the change while waiting for the next update.
Or alternatively update from github.

Fixed - List not scrollable horizontally on smaller device: Fix

Currently, the data in the List doesn't scroll horizontally (visible) on smaller devices, especially when there are multiple columns. To address this issue, please modify the default.php file as follows: File : /components/com_fabrik/views/list/tmpl/bootstrap/default.php change line number...

fabrikar.com