title: Dojo: show/hide info inside a datagrid cell
body: <p>I am using dojo 1.7.2 and I have a datagrid. In one of the columns I have a long description that I want to show or hide when a "see more" link is clicked. I got all of that working with a formatter but when the description expands the datagrid's outer container does not get taller (in other words the rows below just get pushed down out of site. Is there anyway to change the height of the grid when I click on my show/hide (can the grid be redrawn? If so how?)</p>
  
  <p>Update: I have created a js fiddle that shows what I want to do. You will see there is hidden text and when you click, it shows, but the rows at the bottom are pushed out of view:</p>
  
  <p><a href="http://jsfiddle.net/erayK/" rel="nofollow">http://jsfiddle.net/erayK/</a></p>
  
  <p>Because I have to include some code, here is the formatter I used:</p>
  
  <pre><code>function formatLink(value){
      // value 0: title, value 1: description, value 2: url
      return '&lt;a href="'+ value[2] +'"&gt;'+value[0]+'&lt;/a&gt;&lt;br /&gt;&lt;div style="display:none;" id="' + value[0] + '"&gt;'+value[1]+'&lt;/div&gt;&lt;a href="#" onclick="javascript:showHide(\'' + value[0] +'\'); return false;"&gt;show or hide&lt;/a&gt;';
  }
  </code></pre>