"table"
Bootstrap 4.1.1 Snippet by shmaldesign

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="table-responsive"> <div class="table-responsive"> <div aria-hidden="true" class="floatThead-container" style="overflow-x: hidden;position: fixed;margin-top: 0px;top: 0px;z-index: 1001;will-change: transform;transform: translateX(237px) translateY(141px);left: 0px;width: 1501px;"><table class="table table-striped table-bordered sticky-header floatThead-table" style="border-collapse: collapse; border-width: 1px 1px 0px; border-style: solid; border-color: rgb(222, 226, 230); border-image: initial; display: table; width: 1501px; margin: 0px; table-layout: fixed;"><colgroup><col style="width: 178px;"><col style="width: 90px;"><col style="width: 107px;"><col style="width: 116px;"><col style="width: 128px;"><col style="width: 116px;"><col style="width: 78px;"><col style="width: 100px;"><col style="width: 77px;"><col style="width: 108px;"><col style="width: 69px;"><col style="width: 103px;"><col style="width: 66px;"><col style="width: 164px;"></colgroup><thead> <tr> <th class="sortable text-center"> <a href="?sort=see">Прокси</a> </th> <th class="sortable text-center"> <a href="?sort=status">Статус</a> </th> <th class="sortable text-center"> <a href="?sort=supplier">Поставщик</a> </th> <th class="sortable text-center"> <a href="?sort=lot">Порядковый номер пака</a> </th> <th class="sortable text-center"> <a href="?sort=date_purchase">Дата приобретения</a> </th> <th class="sortable text-center"> <a href="?sort=date_next_payment">Дата следующего платежа</a> </th> <th class="sortable text-center"> <a href="?sort=payment_amount">Сумма оплаты за пак</a> </th> <th class="sortable text-center"> <a href="?sort=maximum_proxy_usability">Макс.круг</a> </th> <th class="sortable text-center"> <a href="?sort=count_proxy_total">Всего прокси</a> </th> <th class="sortable text-center"> <a href="?sort=count_proxy_new">Свободных</a> </th> <th class="sortable text-center"> <a href="?sort=count_proxy_indigo">В Indigo</a> </th> <th class="sortable text-center"> <a href="?sort=count_proxy_frozen">В заморозке</a> </th> <th class="sortable text-center"> <a href="?sort=count_proxy_invalid">В блэк листе</a> </th> <th class="sortable text-center"> <a href="?sort=btn_ban"></a> </th> </tr> </thead></table></div><table class="table table-striped table-bordered sticky-header" style="table-layout: fixed; min-width: 1499px;"><colgroup><col style="width: 178px;"><col style="width: 90px;"><col style="width: 107px;"><col style="width: 116px;"><col style="width: 128px;"><col style="width: 116px;"><col style="width: 78px;"><col style="width: 100px;"><col style="width: 77px;"><col style="width: 108px;"><col style="width: 69px;"><col style="width: 103px;"><col style="width: 66px;"><col style="width: 164px;"></colgroup> <thead><tr class="size-row" style="height: 89px;"><th aria-label=" Прокси " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Статус " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Поставщик " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Порядковый номер пака " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Дата приобретения " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Дата следующего платежа " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Сумма оплаты за пак " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Макс.круг " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Всего прокси " class="floatThead-col" style="height: 89px;"></th><th aria-label=" Свободных " class="floatThead-col" style="height: 89px;"></th><th aria-label=" В Indigo " class="floatThead-col" style="height: 89px;"></th><th aria-label=" В заморозке " class="floatThead-col" style="height: 89px;"></th><th aria-label=" В блэк листе " class="floatThead-col" style="height: 89px;"></th><th aria-label=" " class="floatThead-col" style="height: 89px;"></th></tr></thead><tbody> <tr class="even"> <td><a href="/storage/proxies/?proxy_pack=1" class="btn btn-outline-dark btn-sm">Смотреть прокси <i class="fas fa-external-link-alt"></i></a></td> <td>Доступен</td> <td>p1</td> <td>1</td> <td>01.01.2020</td> <td>—</td> <td>0,00</td> <td>1</td> <td>59</td> <td>57</td> <td>0</td> <td>1</td> <td>0</td> <td> <form method="POST" action="/storage/proxy-pack/ban/1/"> <input type="hidden" name="csrfmiddlewaretoken" value="Ru12a1JmIyrYMjPcXL2JHySHUlYIDUsH4fIZFBP7a3GFQ2i2kEHapodFM528Wd98"> <input type="hidden" value="1" name="pk"> <input type="hidden" value="2" name="status"> <button class="card-link btn btn-sm btn-outline-danger"> <i class="fas fa-ban"></i> Заблокировать</button> </form> </td> </tr> </tbody> <fthfoot style="display: table-footer-group; border-spacing: 0px; height: 0px; border-collapse: collapse; visibility: hidden;"><fthtr style="display: table-row; border-spacing: 0px; height: 0px; border-collapse: collapse;"><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd><fthtd style="display: table-cell; height: 0px; width: auto;"></fthtd></fthtr></fthfoot></table> </div> </div>

Related: See More


Questions / Comments: