Table template on group repeat - Horizontal scroll

[jo-ka]

Hello.
I have a joined list where I need to display the joined list as a table, like the image shows. This display is perfect, and it works well on laptops and desktops.

The problem is that, on mobile phones or tablets, or even on low resolution screens, I can't scroll horizontally, which doesn't allow to see all options.

I know I can use the default list template but the visual result isn't the same.

Is there a way to overcome this?

Thanks in advance.

 

[startpoint]

table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

 

[jo-ka]

Thank's start point.
So, shall I add this or edit on which file?

Thanks in advance.

OK, found it:
../public_html/components/com_fabrik/views/details/tmpl/bootstrap/custom_css.php

Added this:

#$form .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
}

 

[jo-ka]

It's working now. Thanks startpoint.

 

[startpoint]

Search with google, learn from forums and always try...