Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"table"
Bootstrap 4.1.1 Snippet by
shmaldesign
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
1.2K
 
0 Fav
Post to Facebook
Tweet this
<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>
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76