table

<section>
    <div class="container">
        <div class="row">
            <div class="col-12">
                    <style>
                        .armanTableContainer{
                            width: 100% !important;
                            max-height: fit-content !important;
                        }
                        .armanTableFixed{
                            overflow-x: scroll !important;
                            overflow-y: scroll !important;
                            height: fit-content !important;
                            max-height: 40vh !important;
                        }
                        .armanTable{
                            min-width: max-content !important;
                            border-collapse: separate !important;
                            font-size:14px !important;
                        }
                        .armanTable th{
                            position: sticky !important;
                            top: 0px !important;
                            background-color: white !important;
                        }
                    </style>
                <div class="armanTableContainer bg-white rounded">
                    <div class="armanTableFixed">
                        <table class="armanTable table table-striped table-hover">
                            <thead>
                              <tr>
                                <th scope="col" >#</th>
                                <th scope="col">First</th>
                                <th scope="col">Last  dfsdf asfafa asfasf asfasf asdfas fasf sdfgvsd sdfvsdv</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle</th>
                                <th scope="col">Handle vavadevc</th>
                                <th scope="col">Handle vavadevc</th>
                                <th scope="col">Handle vavadevc</th>
                                <th scope="col">Handle vavadevc</th>
                                <th scope="col">Handle vavadevc</th>
                                <th scope="col">Handle vavadevc</th>
                              </tr>
                            </thead>
                          
                            <tbody>
                              <tr>
                                <td scope="row">1</td>
                                <td>cfadssdcvsd sacascasdc asdfasf asfdasfa asfasfasfasfas asfas</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                              </tr>
                              
                              <tr>
                                <td scope="row">1</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                                <td>cfadssdcvsd sacascasdc</td>
                              </tr>

</tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>