Bootstrap table scroll

Create Material Design scrollable table based on Bootstrap grid. Vertical scrolling tbody, and thead is helpful when you need to display a lot of data. Responsive table with the independent scroll bar is a great solution!

Basic example

# Name Surname Country City Position Age
1 Kate Moss USA New York City Web Designer 23
2 Anna Wintour United Kingdom London Frontend Developer 36
3 Tom Bond Spain Madrid Photographer 25
4 Jerry Horwitz Italy Bari Editor-in-chief 41
5 Janis Joplin Poland Warsaw Video Maker 39
6 Gary Winogrand Germany Berlin Photographer 37
7 Angie Smith USA San Francisco Teacher 52
8 John Mattis France Paris Actor 28
9 Otto Morris Germany Munich Singer 35
<div class="card">
    <div class="card-body">

        <div class="table-wrapper-2">

            <table class="table table-responsive-md">
                <thead class="mdb-color lighten-4">
                        <th class="th-lg">Name</th>
                        <th class="th-lg">Surname</th>
                        <th class="th-lg">Country</th>
                        <th class="th-lg">City</th>
                        <th class="th-lg">Position</th>
                        <th class="th-lg">Age</th>
                        <th scope="row">1</th>
                        <td>New York City</td>
                        <td>Web Designer</td>
                        <th scope="row">2</th>
                        <td>United Kingdom</td>
                        <td>Frontend Developer</td>
                        <th scope="row">3</th>
                        <th scope="row">4</th>
                        <th scope="row">5</th>
                        <td>Video Maker</td>
                        <th scope="row">6</th>
                        <th scope="row">7</th>
                        <td>San Francisco</td>
                        <th scope="row">8</th>
                        <th scope="row">9</th>



.table-wrapper-2 {
    display: block;
    max-height: 300px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;