|
| >
|
|
| <html lang="en">
|
|
|
|
|
| <head>
|
|
| <meta charset="utf-8">
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>title>Excel Bootstrap Table Filtertitle>
|
|
| head>>
|
|
|
|
|
| <body>
|
|
|
|
|
| script>script src="../node_modules/jquery/dist/jquery.min.js">script>
|
|
|
|
|
| script>script src="excel-bootstrap-table-filter-bundle.js">script>
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
|
|
| Bộ lọc bảng Bootstrap Excellinkrel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> link rel="stylesheet" href="excel-bootstrap-table-filter-style.css" />
|
|
|
|
|
|
|
|
| <section class="alternate page-heading">
|
|
| <div class="container">
|
|
| <header>
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>h2>Excel-style Bootstrap Table filter jQuery pluginh2>
|
|
| header>>
|
|
| p>p class="lead">p>
|
|
| section>>
|
|
| <hr>
|
|
| <div class="container">
|
|
| <div class="row">
|
|
| <div class="col-md-12">
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>h2>Table 1h2>
|
|
| <table id="table" class="table table-bordered table-intel">
|
|
| <thead>
|
|
| <tr>
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>th class="filter">Animalth>
|
|
| Bộ lọc bảng Bootstrap Excellinkrel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> th class="filter">Classth>
|
|
| Bộ lọc bảng Bootstrap Excellinkrel="stylesheet" href="excel-bootstrap-table-filter-style.css" /> th class="filter">Collective Nounth>
|
|
| Excel-style Bootstrap Table filter jQuery pluginh2>th class="filter">A Numberth>
|
|
| tr>>
|
|
| thead>>
|
|
| <tbody>
|
|
| <tr>
|
|
| Plugin bộ lọc bảng bootstrap kiểu excelh2>Table 1h2>td>Beartd>
|
|
| Bảng 1thclass="filter">Animalth>td>Mammaltd>
|
|
| Động vậtthclass="filter">Classth>td>Sleuthtd>
|
|
| 1td>1td>td>1td>
|
|
| tr>>
|
|
| <tr>
|
|
| Lớpthclass="filter">Collective Nounth>td>Anttd>
|
|
| Danh từ tập thểthclass="filter">A Numberth>td>Insecttd>
|
|
| Một sốtd>Beartd>td>Armytd>
|
|
| 2td>2td>td>2td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con gấutd>Mammaltd>td>Salamandertd>
|
|
| Động vật có vútd>Sleuthtd>td>Amphibiantd>
|
|
| Thám tửtd>Anttd>td>Congresstd>
|
|
| 3td>3td>td>3td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con kiếntd>Insecttd>td>Owltd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Parliamenttd>td>Parliamenttd>
|
|
| 4td>4td>td>4td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Frogtd>
|
|
| Động vật có vútd>Sleuthtd>td>Amphibiantd>
|
|
| Một sốtd>Beartd>td>Armytd>
|
|
| 5td>5td>td>5td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con gấutd>Mammaltd>td>Sharktd>
|
|
| Động vật có vútd>Sleuthtd>td>Fishtd>
|
|
| Thám tửtd>Anttd>td>Gamtd>
|
|
| 6td>6td>td>6td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con kiếntd>Insecttd>td>Kookaburratd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Cackletd>td>Cackletd>
|
|
| 7td>7td>td>7td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Crowtd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Murdertd>td>Murdertd>
|
|
| 8td>8td>td>8td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Elephanttd>
|
|
| Bảng 1thclass="filter">Animalth>td>Mammaltd>
|
|
| Động vậtthclass="filter">Classth>td>Herdtd>
|
|
| 9td>9td>td>9td>
|
|
| tr>>
|
|
| <tr>
|
|
| Lớpthclass="filter">Collective Nounth>td>Barracudetd>
|
|
| Động vật có vútd>Sleuthtd>td>Fishtd>
|
|
| Thám tửtd>Anttd>td>Gristtd>
|
|
| 10td>10td>td>10td>
|
|
| tr>>
|
|
| tbody>>
|
|
| table>>
|
|
| div>>
|
|
| div>>
|
|
| <div class="row">
|
|
| <div class="col-md-12">
|
|
| Con kiếntd>Insecttd>h2>Table 2h2>
|
|
| <table id="table2" class="table table-bordered table-intel">
|
|
| <thead>
|
|
| <tr>
|
|
| Bộ lọc bảng Bootstrap Exceltitle>Excel Bootstrap Table Filtertitle>th class="filter">Animalth>
|
|
| Bộ lọc bảng Bootstrap Excellinkrel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> th class="filter">Classth>
|
|
| Bộ lọc bảng Bootstrap Excellinkrel="stylesheet" href="excel-bootstrap-table-filter-style.css" /> th class="filter">Collective Nounth>
|
|
| Excel-style Bootstrap Table filter jQuery pluginh2>th class="filter">A Numberth>
|
|
| tr>>
|
|
| thead>>
|
|
| <tbody>
|
|
| <tr>
|
|
| Plugin bộ lọc bảng bootstrap kiểu excelh2>Table 1h2>td>Beartd>
|
|
| Bảng 1thclass="filter">Animalth>td>Mammaltd>
|
|
| Động vậtthclass="filter">Classth>td>Sleuthtd>
|
|
| 1td>1td>td>1td>
|
|
| tr>>
|
|
| <tr>
|
|
| Lớpthclass="filter">Collective Nounth>td>Anttd>
|
|
| Danh từ tập thểthclass="filter">A Numberth>td>Insecttd>
|
|
| Một sốtd>Beartd>td>Armytd>
|
|
| 2td>2td>td>2td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con gấutd>Mammaltd>td>Salamandertd>
|
|
| Động vật có vútd>Sleuthtd>td>Amphibiantd>
|
|
| Thám tửtd>Anttd>td>Congresstd>
|
|
| 3td>3td>td>3td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con kiếntd>Insecttd>td>Owltd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Parliamenttd>td>Parliamenttd>
|
|
| 4td>4td>td>4td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Frogtd>
|
|
| Động vật có vútd>Sleuthtd>td>Amphibiantd>
|
|
| Một sốtd>Beartd>td>Armytd>
|
|
| 5td>5td>td>5td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con gấutd>Mammaltd>td>Sharktd>
|
|
| Động vật có vútd>Sleuthtd>td>Fishtd>
|
|
| Thám tửtd>Anttd>td>Gamtd>
|
|
| 6td>6td>td>6td>
|
|
| tr>>
|
|
| <tr>
|
|
| Con kiếntd>Insecttd>td>Kookaburratd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Cackletd>td>Cackletd>
|
|
| 7td>7td>td>7td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Crowtd>
|
|
| Côn trùngtd>Armytd>td>Birdtd>
|
|
| Chimtd>Murdertd>td>Murdertd>
|
|
| 8td>8td>td>8td>
|
|
| tr>>
|
|
| <tr>
|
|
| Quân độitd>Salamandertd>td>Elephanttd>
|
|
| Bảng 1thclass="filter">Animalth>td>Mammaltd>
|
|
| Động vậtthclass="filter">Classth>td>Herdtd>
|
|
| 9td>9td>td>9td>
|
|
| tr>>
|
|
| <tr>
|
|
| Lớpthclass="filter">Collective Nounth>td>Barracudetd>
|
|
| Động vật có vútd>Sleuthtd>td>Fishtd>
|
|
| Thám tửtd>Anttd>td>Gristtd>
|
|
| 10td>10td>td>10td>
|
|
| tr>>
|
|
| tbody>>
|
|
| table>>
|
|
| div>>
|
|
| div>>
|
|
| <div class="row">
|
|
| <div class="col-md-12">
|
|
| Con kiếntd>Insecttd>h2>Table 3h2>
|
|
| <table id="table3" class="table table-bordered table-intel">
|
|
| <thead>
|
|
| <tr>
|
|
| Côn trùngtd>Armytd>th>Companyth>
|
|
| Chimth>Contactth>th>Contactth>
|
|
| Quân độitd>Salamandertd>th>Countryth>
|
|
| tr>>
|
|
| thead>>
|
|
| <tbody>
|
|
| <tr>
|
|
| Kỳ nhôngtd>Amphibiantd>td>Alfreds Futterkistetd>
|
|
| Động vật lưỡng cưtd>Congresstd>td>Maria Anderstd>
|
|
| Hội nghịtd>Owltd>td>Germanytd>
|
|
| tr>>
|
|
| <tr>
|
|
| Con cútd>Birdtd>td>Centro comercial Moctezumatd>
|
|
| Nghị việntd>Frogtd>td>Francisco Changtd>
|
|
| Quân độitd>Sharktd>td>Mexicotd>
|
|
| tr>>
|
|
| <tr>
|
|
| Kỳ nhôngtd>Fishtd>td>Ernst Handeltd>
|
|
| Động vật lưỡng cưtd>Gamtd>td>Roland Mendeltd>
|
|
| Hội nghịtd>Kookaburratd>td>Austriatd>
|
|
| tr>>
|
|
| <tr>
|
|
| Nghị việntd>Crowtd>td>Island Tradingtd>
|
|
| Nghị việntd>Elephanttd>td>Helen Bennetttd>
|
|
| Gristtd>UKtd>td>UKtd>
|
|
| tr>>
|
|
| <tr>
|
|
| Động vật có vútd>Herdtd>td>Laughing Bacchus Winecellarstd>
|
|
| Thám tửtd>Barracudetd>td>Yoshi Tannamuritd>
|
|
| Động vật lưỡng cưtd>Gristtd>td>Canadatd>
|
|
| tr>>
|
|
| <tr>
|
|
| Hội nghịh2>Table 2h2>td>Magazzini Alimentari Riunititd>
|
|
| Hội nghịh2>Table 3h2>td>Giovanni Rovellitd>
|
|
| Con cúth>Companyth>td>Italytd>
|
|
| tr>>
|
|
| tbody>>
|
|
| table>>
|
|
| div>>
|
|
| div>>
|
|
| div>>
|
|
|
|
|
|
|
|
| <script>
|
|
| Nghị việnth>Countryth>
|
|
| $(function(){(function(){(function () {
|
|
| Con ếchtd>Alfreds Futterkistetd>
|
|
| $('#table').excelTableFilter();('#table').excelTableFilter();('#table').excelTableFilter();
|
|
| $('#table2').excelTableFilter();('#table2').excelTableFilter();('#table2').excelTableFilter();
|
|
| $('#table3').excelTableFilter();('#table3').excelTableFilter();('#table3').excelTableFilter();
|
|
| Cá mậptd>Maria Anderstd>);
|
|
| script>>
|
|
| body>>
|
|
|
|
|
| html>>
|
