-
Posts
-
Hello dear kriesi team,
I just encountered that a table I use is displayed somehow strange in mobile view.
There is a standard table with three columns (e.g. Job, ID, Location). Under each header are some rows with content.
So far so good.
When I reduce the site width to mobile view … the colums are displayed in an strange order.
On top is the header “ID” with the content of “Job”, then follows the header of “Location” with the content of “ID” followed with the content of location without any header.
Can you please check this in your framework?
Hello ismael,
we just found the “bug” related to the table header problem we had in mobile view.
In the file config-templatebuilder/avia-shortcodes/table.php in line 279 was:
$responsive_style .= ".avia-table-".self::$table_count." td:nth-of-type({$counter}):before { content: '".$row['content'][$counter]['content']."'; } ";We changed this to:
$tdCounter = $counter + 1;
$responsive_style .= ".avia-table-".self::$table_count." td:nth-of-type({$tdCounter}):before { content: '".$row['content'][$counter]['content']."'; } ";Problem was that the counter for the table header in mobile view started with 0 instead with 1.
Maby you take this into account for the next update!
I will set this post status to “resolved” when I get some feedback from you.
Greetings chilli-mind
Hi chilli-mind,
I’ll tag the topic for Kriesi but not knowing what version you are currently running I can’t say if this has already been fixed or if it is a fix for a currently existing issue.
Regards,
Devin
- The topic ‘Table colums order in mobile view’ is closed to new replies.