DataTables去掉打印按钮
时间: 2023-09-25 14:06:38 浏览: 58
### 回答1:
可以通过以下步骤去掉DataTables中的打印按钮:
1. 找到 Datatable 的初始化代码,通常是通过 $('#myTable').dataTable(options) 这样的方式来初始化。
2. 在 options 中添加 buttons 参数,设置为 false,如下所示:
```javascript
$('#myTable').dataTable({
buttons: false,
// ... other options ...
});
```
3. 重新载入 Datatable,打印按钮就会被移除。
### 回答2:
要去掉DataTables中的打印按钮,可以通过以下步骤来实现。
首先,找到DataTables初始化的代码,在初始化选项中添加一项来隐藏打印按钮。具体来说,可以在`dom`选项中设置一个新的字符串,在其中指定表格组件的布局。将不需要显示的组件从字符串中删除即可隐藏它们。在这种情况下,我们需要删除打印按钮,所以我们可以将字符串修改为`<"lBfrtip"`。
例如,如果以如下方式初始化DataTables:
```javascript
$('#example').DataTable();
```
可以修改为:
```javascript
$('#example').DataTable({
"dom": '<"lBfrtip">'
});
```
这样就会隐藏打印按钮。
此外,还可以通过CSS样式来隐藏打印按钮。找到打印按钮所在的元素,为其添加一个CSS样式`display: none;`来隐藏它。
以上就是去除DataTables中打印按钮的两种方法。
### 回答3:
要去掉DataTables的打印按钮,我们需要在初始化DataTables时进行相应的设置。
首先,我们需要在DataTables的初始化代码中加入一行代码:dom参数。这个参数可以用来定义DataTables的控件布局,包括打印按钮。默认情况下,dom参数已经定义了各个控件的布局和顺序,包括打印按钮。我们需要修改dom参数的值,将打印按钮的控件从布局中移除。
假设我们的DataTables的初始化代码如下:
$(document).ready(function(){
$('#example').DataTable({
//其他配置参数
});
});
我们只需要在初始化代码中加入dom参数,并将打印按钮的控件从布局中移除,代码如下:
$(document).ready(function(){
$('#example').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'excel', 'pdf' //只保留复制、导出Excel和导出PDF按钮
]
});
});
在上面的代码中,我们将dom参数的值设为'Bfrtip',表示使用默认的DataTables控件布局,并在按钮数组中只保留了复制、导出Excel和导出PDF按钮,从而移除了打印按钮。
这样就可以去掉DataTables的打印按钮了。当我们重新加载页面后,打印按钮将不再显示在DataTables控件上。