Mobile table testing for horizontal scroll

Tables that have ratings

  • "View more" button is triggered when using the rating shortcode
  • "View more" button is not triggered when hardcoding the ratings

"View more" button is triggered

Company
USAA
4.5 out of 5
ExcellentAverage
State Farm
4.5 out of 5
GoodLow
Farm Bureau
4.5 out of 5
Low
Auto-Owners
4.0 out of 5
GoodLow
Farmers
3.5 out of 5
AverageHigh
Travelers
3.5 out of 5
AverageLow
Geico
3.0 out of 5
AverageLow
Progressive
3.0 out of 5
PoorHigh
Allstate
2.5 out of 5
AverageAverage

Horizontal scroll does not occur

Company
USAA
4.5
ExcellentAverage
State Farm
4.5
GoodLow
Farm Bureau
4.5
Low
Auto-Owners
4.0
GoodLow
Farmers
3.5
AverageHigh
Travelers
3.5
AverageLow
Geico
3.0
AverageLow
Progressive
3.0
PoorHigh
Allstate
2.5
AverageAverage

Text-based tables

  • Horizontal scroll works
  • "See more" button does not work even when there is info beyond the viewport
  • Removing the tooltips on the headers does not fix the issue

Table using the maximum characters for a 375px display

Company
USAA123456Excellent1234567Average

Adding one character triggers horizontal scroll bar, but not "See more" button

Company
USAA123456Excellent12345678Average

Adding another character triggers "View more" button

Company
USAA123456Excellent123456789Average

Adding another column has the same result

Company
Rating
USAA123456Excellent123456789AverageSomething

Removing the tooltip has no impact

Company
Claims handling
[Customer complaints
Rating
USAA123456Excellent123456789AverageSomething

About the Author

Stephanie Guinan

Analyst

Stephanie Guinan is an Analyst for ValuePenguin/LendingTree. She specializes in simplifying complex insurance topics for consumers.


She’s also worked as an award-winning data journalist and content marketing writer. Stephanie’s work has been cited by Wall Street Journal, New York Times, Rolling Stone and more.

Expertise

  • Health insurance and Medicare
  • Home and auto insurance
  • Crunching numbers

Referenced by

  • Wall Street Journal
  • New York Times
  • Rolling Stone

Editorial Note: The content of this article is based on the author's opinions and recommendations alone. It has not been previewed, commissioned or otherwise endorsed by any of our network partners.

headset-icon
Agents Available
24/7
To speak with a licensed insurance agent and get quotes for car, home, health insurance and more.
headset-icon
Agents Available
24/7
To speak with a licensed insurance agent and get quotes for car, home, health insurance and more.