Mobile table testing

Editorial Note: The content of this article is based on the author’s opinions and recommendations alone. It may not have been reviewed, approved or otherwise endorsed by the credit card issuer. This site may be compensated through a credit card issuer partnership.

Terms apply to American Express benefits and offers. Visit americanexpress.com to learn more. Citi is an advertising partner.

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

These responses are not provided or commissioned by the bank advertiser. Responses have not been reviewed, approved or otherwise endorsed by the bank advertiser. It is not the bank advertiser's responsibility to ensure all posts and/or questions are answered.

Advertiser Disclosure: The products that appear on this site may be from companies from which ValuePenguin receives compensation. This compensation may impact how and where products appear on this site (including, for example, the order in which they appear). ValuePenguin does not include all financial institutions or all products offered available in the marketplace.

How We Calculate Rewards: ValuePenguin calculates the value of rewards by estimating the dollar value of any points, miles or bonuses earned using the card less any associated annual fees. These estimates here are ValuePenguin's alone, not those of the card issuer, and have not been reviewed, approved or otherwise endorsed by the credit card issuer.

Example of how we calculate the rewards rates: When redeemed for travel through Ultimate Rewards, Chase Sapphire Preferred points are worth $0.0125 each. The card awards 2 points on travel and dining and 1 point on everything else. Therefore, we say the card has a 2.5% rewards rate on dining and travel (2 x $0.0125) and a 1.25% rewards rate on everything else (1 x $0.0125).

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