Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Scrollable table body

Scrollable table body

Problem

I have a Table whose body is scrollable. But problem with me is, it's tr element is not taking full width of table. Here's my mark up

 
Subscriber ID Subscriber Name
13450 GREEN JOE
44109 John26 Smith26
Problem courtesy of: Rasmita Dash

Solution

You can see the below fiddle link for your question, i have tried it in fiddle and make the tr element full width to the table width.

http://jsfiddle.net/cesb8n4j/1/

your tr is not full width because by default it takes the display: table-row; so we require to make that display: table;

Solution courtesy of: Chidi Mohsinali

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Scrollable table body

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×