title: Jquery datatable - Table header and columns width mismatching
body: <p>I'm looking for help jquery data-tables header and columns width size mismatching. i mean columns size is varying based on the text lenght(datatable values).How to fix the columns should be standard width and match with tale header.</p>
  
  <p>Another issue is pagination.I'm looking pagination style like <a href="http://datatables.net/styling/themes/redmond" rel="nofollow">Example of pagination</a> , but i'm not getting same style in my table.Please help me.  </p>
  
  <p>And another request for apply same theme which given example (theme redmond) to datatable.</p>
  
  <p>Please find the below my datatable in jsfiddle <a href="http://jsfiddle.net/rwPFx/8/" rel="nofollow">JSFIDDLE</a></p>
  
  <pre><code>$("#products1").dataTable({
         "aaData": newarray,
         "bProcessing": true,
         "bDeferRender": true,
         "bFilter": false,
         "bJQueryUI": true,
         "sPaginationType": "full_numbers",
         "bRetrieve": true,
         "bPaginate": true,
         "bSort": true,
         "aaSorting": [[4, "desc"]],
         "iDisplayLength": 5,
         "oLanguage":{
                  "sInfo":"_START_-_END_ of _TOTAL_",
                  "oPaginate":{
                      "sFirst": "&amp;lt;&amp;lt;",
                      "sLast": "&amp;gt;&amp;gt;",
                      "sNext": "&amp;gt;",
                      "sPrevious": "&amp;lt;" 
                  },
                  "sLengthMenu":"Show _MENU_"
              },
         "aoColumns": [{"sWidth": "100%","sClass": "center","bSortable": false},
               {
              "sWidth": "150%","sClass": "center","bSortable": false},
               {
              "sWidth": "150%","sClass": "center","bSortable": false},
               {
              "sWidth": "150%","sClass": "center","bSortable": false}
  
  
              ],
          "aoColumnDefs": [{ "fnRender": function (o, val) {
              return o.aData[0];
          },
              "sClass": "HEADER","aTargets": [0]
      }, {
          "fnRender": function (o, val) {
  
              return o.aData[1];
          },
              "sClass": "list","aTargets": [1]
      }, {
      "fnRender": function (o, val) {
  
              return o.aData[2];
          },
              "sClass": " Number","aTargets": [2]
      },{
      "fnRender": function (o, val) {
  
              return o.aData[3];
          },
              "sClass": "Name","aTargets": [3]
      }]
  
  });
  </code></pre>