最近对datatables又做了一次深入的了解,这次主要datatables自定义样式及搜索框,废话不多说了,直接上代码。首先介绍下,代码是基于jquery、bootstrap,如果要直接使用代码,请先引入相关js、css。
第一部分:自定义搜索框
<div class="row" style="margin-top: 20px;">
<div class="col-lg-6" style="padding-left: 18px;">
<div class="input-group" style="width: 100%;margin:0 auto;">
<input type="text" id="assets" class="form-control" placeholder="请输入关键字搜索">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="search_button" οnclick="doSearch();"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</div>
</div>
第二部分:初始化datatables的配置
$.dataTablesSettings = {
"bPaginate" : true,
"bInfo": true,
"bSort": false,
"sPaginationType": "full_numbers",
"iDisplayLength": 10,//每页显示的条数
"bLengthChange": false,//是否可以动态调整每页的显示条数
"bSearchable":false,
"bFilter":false,
"bProcessing": true,
"bServerSide":true,
"bAutoWidth": false,
"oSearch":{ "sSearch": "", "bRegex": false, "bSmart": true },
"oLanguage" : {
"