title: How to make YUI DataTable to be 100% width
body: <p>My code for creating the data table looks like this:</p>
  
  <pre><code>myDataTable = new YAHOO.widget.ScrollingDataTable(
                      "containerDiv",
                      myColumnDefs,
                      myDataSource,
                      {height:"100px",width:"100%"}
                    );
  </code></pre>
  
  <p>That code produces a table that looks something like this:
  (Screen shot not available anymore from external site)
  <a href="http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail" rel="nofollow noreferrer">http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail</a></p>
  
  <p>Notice how it creates an outer box stretching 100% just like I want it to, but the table itself does not stretch all the way 100%, instead it is only large enough to fit the contents of the table.</p>
  
  <p>Please note that the outer box that stretches 100% is created by YUI when you run the above code, I didn't create that myself.</p>
  
  <p>What I really need is just vertical scrolling and no horizontal scrolling.  But YUI does not let you specify one or the other, you get both.</p>
  
  <p>Is there a way to make the table stretch 100%?  I didn't find anything about this issue in the YUI documentation, unless I have overlooked it.</p>
  
  <p>Thanks for reading!</p>