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>

結果就出來了