title: Customized Table style when using Jquery DataTables
body: <p>I am trying to add pagination to my html table using Datatables built on JQuery.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
      $('#example').dataTable( {
          "bJQueryUI": true,
                      "sPaginationType": "full_numbers",
                      "sDom": '&lt;"fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lfr&gt;t&lt;"fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip&gt;'
                  } );
          } );
      &lt;/script&gt;
  
  &lt;table id="example"
      style="border: silver solid 1px; width: 890px; margin-left: 0px; margin-bottom: 10px; font-size: 11px; padding-top: 10px;"&gt;
  &lt;tr class="thResultHeader"&gt;
  </code></pre>
  
  <p>Sorting is optional but not a problem if its not there.</p>
  
  <p>My problem is when I use <code>"bJQueryUI": true</code>, I get a blue header for my column header and the pagination icons are not highlighted.When I use <code>"bJQueryUI": false</code> the pagination icons are highlighted and the header styles are overridden. All I need is pagination with my table style with or without sorting and highlighting of pagination icons. I am new to JQuery and Datatables and unfortunately cannot move away from it.</p>