Tables

Style 1

ID Lorem Ipsum Dolor
1 Lorem Ipsum Dolor Sit Amet Excepteur sint
2 Lorem Ipsum Dolor Sit Amet Excepteur sint
3 Lorem Ipsum Dolor Sit Amet Excepteur sint
4 Lorem Ipsum Dolor Sit Amet Excepteur sint
5 Lorem Ipsum Dolor Sit Amet Excepteur sint

<div class="row">
    <div class="col-12">
        <div class="table-responsive">
            <table class="table table-one">
                <thead class="thead-light">
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">Lorem</th>
                        <th scope="col">Ipsum Dolor</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

Style 2

ID Lorem Ipsum Dolor
1 Lorem Ipsum Dolor Sit Amet Excepteur sint
2 Lorem Ipsum Dolor Sit Amet Excepteur sint
3 Lorem Ipsum Dolor Sit Amet Excepteur sint
4 Lorem Ipsum Dolor Sit Amet Excepteur sint
5 Lorem Ipsum Dolor Sit Amet Excepteur sint

<div class="row">
    <div class="col-12">
        <div class="table-responsive">
            <table class="table table-two table-striped">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">Lorem</th>
                        <th scope="col">Ipsum Dolor</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Excepteur sint</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>