title: Jquery Datatable resize issue when there is change in header cursor
body: <p>I am using jquery datatable 1.10 for my application. My datatable definition is as follows: </p>
  
  <pre><code>$("#info_table", node).DataTable(
                          {
                              "dom" : 'Rflrtip',
                              "rtl" : true,
                              "paging" : true,
                              "pagingType": "full_numbers",
                              "ordering" : true,
                              "searching" : true,
                              "columns" : aoColumns,
                              "fnCreatedRow" : function(nRow, aData,
                                      iDataIndex) {
                                  $(nRow).attr('id', aData.ID); 
                              },
                              "language": {
                                    "emptyTable": "No records to display"
                              }
                          });
  </code></pre>
  
  <p>Issue is I need to change table thead cursor for sorting. Following CSS allow me to change the cursor.</p>
  
  <pre><code>#info_table th.sorting, #info_table th.sorting_asc, #info_table th.sorting_desc{
  cursor: pointer !important;
  } 
  </code></pre>
  
  <p>But when I change cursor it doesn't allow me to re-size the column. Provide column resize option is necessary in my application. Can anyone help me to find way to re-size the column when cusor changes are made.</p>