Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Scroolable table 2"
Bootstrap 3.2.0 Snippet by
pbobinsk
3.2.0
table
Preview
HTML
CSS
View Full Screen
Fork
Fork this
4.2K
 
0 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-3"> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <table class="table table-striped"> <thead><tr><th>Col 1</th><th>Col 2</th><th>Col 3</th></tr></thead> <tbody> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> <tr><td>..</td><td>..</td><td>..</td></tr> </tbody> </table> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> </div> </div> </div>
tr { width: 100%; display: inline-table; } table{ height:300px; } tbody{ overflow-y: scroll; height: 200px; width: 100%; position: absolute; }
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76