title: Two table cells instead of one angularjs
body: <p>I'll try to explain my problem as simple as I can. I have something like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
        &lt;th ng-repeat="ordinate in ordinatesX"&gt;{{ordinate.ordinateLabel}}&lt;/th&gt;
      &lt;/tr&gt;   
  &lt;/table&gt;
  </code></pre>
  
  <p>This is just a small peace of my table but it is the problematic one. My ordinate object has an attribute <code>abstract</code>. When the <code>abstract</code> is set to <code>true</code> and DOM to make two <code>th</code> like this:</p>
  
  <pre><code>&lt;th&gt;{{ordinate.ordinateLabel}}&lt;/th&gt;&lt;th&gt;&lt;/th&gt;
  </code></pre>
  
  <p>So the first <code>th</code> is writing ordinate label and the second <code>th</code> needs to be empty.
  But when the <code>abstract</code> is set to <code>false</code> I need only one <code>th</code> like this:</p>
  
  <pre><code>&lt;th&gt;{{ordinate.ordinateLabel}}&lt;/th&gt;
  </code></pre>
  
  <p>I've tried something with the simplest custom directive like this:</p>
  
  <pre><code>.directive('ngTest', function() {
          return {
              restrict: 'A',
              replace: true,
              template: '&lt;th&gt;&lt;/th&gt;&lt;th&gt;&lt;/th&gt;'
          }
  });
  </code></pre>
  
  <p>But even this wasn't working because of the problem with the <code>replace: true</code> and root element being <code>tr</code>.
  Any ideas?</p>