title: How to parse and convert HTML string in ExtJS
body: <p>I have this XML string and would like to parse and traverse it</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th colspan="1"&gt;Issue ID&lt;/th&gt;
        &lt;th&gt;Role&lt;/th&gt;
        &lt;th&gt;Abstract&lt;/th&gt;
        &lt;th&gt;Status&lt;/th&gt;
        &lt;th colspan="1"&gt;Assigned To&lt;/th&gt;
        &lt;th&gt;Estimate&lt;/th&gt;
        &lt;th colspan="1"&gt;Start Date&lt;/th&gt;
        &lt;th colspan="1"&gt;End Date&lt;/th&gt;
        &lt;th colspan="1"&gt;Actual&lt;/th&gt;
        &lt;th colspan="1"&gt;Milestones&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt;265884&lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt;Task 1&lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
        &lt;td class="highlight-blue" data-highlight-colour="blue"&gt; &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;QA&lt;/td&gt;
        &lt;td&gt;Verify fix&lt;/td&gt;
        &lt;td&gt;In-Progress&lt;/td&gt;
        &lt;td&gt;Karl&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;Feb 11&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;0.25&lt;/td&gt;
        &lt;td&gt;
          &lt;ul&gt;
            &lt;li&gt;Feb 11: Change Code Review to "No Review Required"&lt;/li&gt;
            &lt;li&gt;Feb 11: Requested SB for testing&lt;/li&gt;
            &lt;li&gt;Feb 13: Still waiting for SB&lt;/li&gt;
            &lt;li&gt;Feb 18: (need to follow up) -&amp;gt; Done Re-requested SB copy&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/td&gt;
      &lt;/tr&gt;    
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to get the number of <code>&lt;tr&gt;</code>'s as well as do for-loop in the array to access each column. I looked into XmlReader but not quite sure how to use it without using a GridPanel.
  Perhaps Ext.data.Store alone can achieve that, but I'm still not quite familiar with it and can't find any suitable methods here: <a href="http://extjs.cachefly.net/ext-3.3.1/docs/?class=Ext.data.XmlReader" rel="nofollow">http://extjs.cachefly.net/ext-3.3.1/docs/?class=Ext.data.XmlReader</a></p>