嗨,我使用数据表和使用引导样式。任何人都可以告诉我如何为我的按钮和搜索框实现这种布局? (我使用Adobe Photoshop来产生这种观点)datatables按钮和搜索框位置
我试图改变DOM的JavaScript
var table = $('#dataTables-example').DataTable({
dom: '<"col-sm-12"B><"col-sm-12"f>t',
select: true,
scrollY: '80vh',
scrollX: true,
"autoWidth": false,
scrollCollapse : true,
paging : false,
stateSave : true,
order : [[ 0, "asc" ]],
buttons: [],
language: {
buttons : {},
select:{
rows:{
_: "",
0: "",
1: ""
}
},
"emptyTable": "Tidak terdapat data di tabel",
"info": "",
"infoEmpty": "",
"infoFiltered": "",
"search": "<i class='fa fa-search'></i>",
"paginate": {
"next": ">",
"previous": "<"
},
"zeroRecords": "Tidak ditemukan data yang sesuai",
}
});
,但得到的是这样的...我有时间难以改变搜索框HTML结构
我只是不能打入,通过数据表创建的HTML结构..和有很难有时间去试图了解整个数据表jQuery的文件...
如果只有我可以通过阅读this控制HTML结构,那么我相信,HTML代码将是这样的......
<div class="col-sm-12">
<div class="btn-group">
//the button in here
</div>
</div>
<div class="col-sm-12">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" class="form-control" placeholder="search term...." />
</div>
</div>
<div class="col-sm-12">
//table in here
</div>