<div class="row padding-bottom-1"> <div class="col-md-3"> <div class="select-menu" data-datatables-filter='{ "target": "fellowship", "column": 2 }'></div> </div> <div class="col-md-3"> <div class="select-menu" data-datatables-filter='{ "target": "fellowship", "column": 3 }'></div> </div> <div class="col-md-3"> <div class="select-menu" data-datatables-filter='{ "target": "fellowship", "column": 4 }'></div> </div> <div class="col-md-3"> <div class="select-menu" data-datatables-filter='{ "target": "fellowship", "column": 5 }'></div> </div> </div> <div class="row text-center padding-bottom-2"> <a href="#" data-datatables-filter-reset='{ "target": "fellowship" }'>Reset</a> </div>
<table class="table responsive table-condensed table-bordered" data-datatables-options='{ "searching": true, "dom": t }' data-datatables-name="fellowship">
The filters shown below use the default select styling.
The table shown below uses the classes table-condensed and table-bordered.
table-condensed
table-bordered