Question

jquery datatables如何去掉搜索框和每页显示多少条数据

Answer 1

默认界面下除了原始的table外，还为table额外增加了搜索、列排序、分页及信息显示这些内容，如果不需要其中一个或多个可以通过以下设置隐藏

$('#myTable').DataTable({
   "paging": false,
   "ordering": false,
   "info": false,
   "searching": false,
});

paging： 控制分页是否开启，默认开启，开启后会显示表格左上角的每页行数选择和右下角的页码跳转

ordering： 控制是否进行排序，默认开启，且默认会对第一列数据进行排序

info： 控制是否显示表格左下角的信息，默认开启

searching： 控制是否显示表格右上角的搜索，默认开启

参考：Datatables最全使用案例

Answer 2

$('#example').DataTable({
searching:false, //去掉搜索框
bLengthChange:false,//去掉每页多少条框体
"language": {
"info": "", // 表格左下角显示的文字
"paginate": {
"previous": "上一页",
"next": "下一页"
}
},
destroy:true, //Cannot reinitialise DataTable,解决重新加载表格内容问题
data: JSON.parse(json_data),// 后台传过来的json是字符串转成对象
columns: [
{ title: "标题1" },
{ title: "标题2" },
{ title: "标题3" },
]