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
                        
                            <section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 1</h2>
                <div class="table-responsive">
                    <table class="table table-style1">
                        <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>
    </div>
</section>
                        
                    

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
                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 2</h2>
                <div class="table-responsive">
                    <table class="table table-style2">
                        <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>
    </div>
</section>