如何在jquery datatable中调整分页按钮的高度和宽度

在jQuery DataTable中调整分页按钮的高度和宽度，可以通过自定义CSS样式来实现。

首先，需要为分页按钮添加一个自定义的CSS类，例如"custom-pagination"。然后，在CSS文件中定义该类的样式，包括高度和宽度的调整。

.custom-pagination .paginate_button {
  height: 30px; /* 设置按钮高度 */
  width: 30px; /* 设置按钮宽度 */
  /* 其他样式调整，如背景颜色、边框等 */
}

接下来，在初始化DataTable时，通过"dom"选项来指定分页按钮的位置，并将自定义的CSS类添加到分页按钮上。

$('#example').DataTable({
  dom: 'lBfrtip',
  buttons: [
    {
      extend: 'collection',
      text: '分页按钮',
      buttons: [
        { extend: 'copy', className: 'custom-pagination' },
        { extend: 'csv', className: 'custom-pagination' },
        { extend: 'excel', className: 'custom-pagination' },
        { extend: 'pdf', className: 'custom-pagination' },
        { extend: 'print', className: 'custom-pagination' }
      ]
    }
  ]
});

在上述代码中，通过"className"选项将自定义的CSS类"custom-pagination"添加到每个分页按钮上。

这样，分页按钮的高度和宽度就会根据自定义的CSS样式进行调整。

请注意，以上示例中的代码是基于jQuery DataTables插件的使用，如果你使用的是其他的表格插件或框架，可能会有不同的实现方式。