CSS Overflow Scroll bar was appear but Not Working

Question

I Have done one example with css overflow property.In this example i got one problem with overflow scroll.The scroll bar was appear, but not working means whenever moves cursor to scroll bar,In this time the scroll bar is not active.I didn't get any idea about this so please help me.And Click bottom edge of scroll bar then it works otherwise not works.

CSS Code :

thead, tbody
 {
    display: block;
}

tbody 
{
width:750px;
height:400px;
overflow-y:scroll;
}

Here i have updated table rows means tbody dynamically with the help of js.

HTML Code :

<div id="table">
           <div id="tablelayout">
                <div id="tmenu">
                 <table id="table"> 
                  <thead>
                  <tr id="trmenu">

                     <th>Table Id</th>
                     <th>Game Type</th>
                     <th>Bet</th>
                     <th>Status</th>
                     <th>Total Players</th>

                   </tr>

                   </thead>
                   <tbody>


                   </tbody>

                </table>
                </div>
        </div>
     </div>

Possible Duplicate --> stackoverflow.com/questions/8232713/… — Vikas Ghodke
– Vikas Ghodke, Commented Jan 4, 2014 at 6:35

Pritam Aherkar · Accepted Answer · 2014-01-04 06:38:59Z

1

you can use following code

tbody 
    {
    width:750px;
    height:400px;
    overflow-y:auto;
    }

answered Jan 4, 2014 at 6:38

Pritam Aherkar

871 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS Overflow Scroll bar was appear but Not Working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related