jquery datatable themeroller 翻页按钮重叠

在使用datatable，然后使用jquery自定义一个UI，出来的效果如下：

纠结了好久，

最后面在 datatable的论坛上找到了答案：

I just had a similar issue - one thing that i was utilizing was the JQuery UI..

so the fix for me was to remove the reference to demo_table.css and add demo_table_jui.css

将：

<style type="text/css">
      @import "libraries/dataTable/css/demo_page.css";
      
      @import "libraries/dataTable/css/demo_table.css";    
      @import "libraries/dataTable/css/jquery-ui-1.8.21.custom.css";
  </style>

改成：

<style type="text/css">
      @import "libraries/dataTable/css/demo_page.css";
   @import "libraries/dataTable/css/demo_table_jui.css";  
      @import "libraries/dataTable/css/jquery-ui-1.8.21.custom.css";
  </style>

结果就出来了