title: How to fix the size of a table having a sticky header as well as sorting and searching?
body: <p>I have a table with sorting searching and sticky table header.
  The first problem I am facing is not able to stick the header with the table. On scroll it it sticking to window.
  Second I am not able to re size the table width and height. When I keep it inside a <code>div</code> tag then sticky header is not working </p>
  
  <p>Please help me how to achieve that.</p>
  
  <pre><code>&lt;script id="js"&gt;$(function(){
      $("table").tablesorter({
          widthFixed : true,
          showProcessing: true,
          headerTemplate : '{content} {icon}', 
          // Add icon for jui theme; new in v2.7!
          widgets: [ 'uitheme', 'zebra', 'stickyHeaders', 'filter' ],
          widgetOptions: {
             // extra css class name applied to the sticky header row (tr) - changed in v2.11
            stickyHeaders : '',
            // adding zebra striping, using content and default styles - the ui css removes the background from default
            // even and odd class names included for this demo to allow switching themes
            zebra   : ["ui-widget-content even", "ui-state-default odd"],
            // use uitheme widget to apply defauly jquery ui (jui) class names
            // see the uitheme demo for more details on how to change the class names
            uitheme : 'jui'
          }
      });
  
  });&lt;/script&gt;
  </code></pre>
  
  <p>This is the js file for css </p>
  
  <pre><code>  &lt;script src="js/jquery.tablesorter.widgets.js"&gt;&lt;/script&gt;
  </code></pre>