Table elements not displaying on mobile

Hi,
Thank you for the link to your table, on desktop the rows you mention are empty, for example “Charger specs”

and mobile these empty rows are also shown:

Perhaps you mean that you would like the mobile table to have the same layout as desktop, but since your table has so many columns it would be hard for the user to read, some table plugins do well with horizontal scrolling for mobile devices, if this is what you are looking for perhaps try one of these.

Best regards,
Mike

Hi,
I could probably write some code to hide the blank boxes on mobile, but I don’t understand their purpose on desktop, are they going to have content in the future?
If not perhaps you should remove them as they make your table look incomplete.

Best regards,
Mike

Hi,
Thanks for the feedback, this css will remove them on mobile:

@media only screen and (max-width: 767px) { 
#top #av_section_1 .avia-data-table tr:nth-child(7) > th:nth-child(n+1),
#top #av_section_1 .avia-data-table tr:nth-child(13) > th:nth-child(n+1),
#top #av_section_1 .avia-data-table tr:nth-child(17) > th:nth-child(n+1),
#top #av_section_1 .avia-data-table tr:nth-child(23) > th:nth-child(n+1),
#top #av_section_1 .avia-data-table tr:nth-child(30) > th:nth-child(n+1),
#top #av_section_1 .avia-data-table tr:nth-child(33) > th:nth-child(n+1) {
  display: none;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike