title: Position Cell Content Outside of Table
body: <p>I have been attempting to get the content of a <code>td</code> to be visible outside of its parent <code>table</code> element.  I am not even sure that it is possible but I thought I'd ask here before giving up.</p>
  
  <p>What I am looking to do is to "prepend" a table row with an icon but I would like for it to display next to the table, not inside of it.</p>
  
  <p>I have tried applying absolute positioning to the container of the icon which is a <code>div</code> inside of the <code>td</code> with negative margins but that pulls the icon under the edge of the table.</p>
  
  <p>The generated table row looks something like this:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;
      &lt;div class="icon-container"&gt;  // I want this to display
        &lt;i class="icon"&gt;&lt;/i&gt;        // to the left of the row
      &lt;/div&gt;                        // outside of the table
      Cell content here
    &lt;/td&gt;
    ...
  &lt;/tr&gt;
  </code></pre>