title: How to insert tables in README.md of vscode extension?
body: <p>I want to insert tables in <code>README.md</code> for a <code>vscode</code> extension. My codes are as following:</p>
  
  <pre><code>* some title
  
    | words              | transform to | keepUpperCase is false | keepUpperCase is true |  
    |--------------------|--------------|------------------------|-----------------------|  
    | "XML HTTP request" | pascalCase   | `XmlHttpRequest`       | `XMLHTTPRequest`      |  
    | "new customer ID"  | camelCase    | `newCustomerId`        | `newCustomerID`       |  
  
  </code></pre>
  
  <p>The result in <code>github</code> and visual studio marketplace overview is as expected, but in extension overview opened by <code>vscode</code> is as following:</p>
  
  <ul>
  <li><p>some title</p>
  
  <p>| words | transform to | keepUpperCase is false | keepUpperCase is true |<br>
  |--------------------|--------------|------------------------|-----------------------|<br>
  | "XML HTTP request" | pascalCase | <code>XmlHttpRequest</code> | <code>XMLHTTPRequest</code> |<br>
  | "new customer ID" | camelCase | <code>newCustomerId</code> | <code>newCustomerID</code> |  </p></li>
  </ul>
  
  <p>When I change my codes as following:</p>
  
  <pre><code>* some title
  
  | words              | transform to | keepUpperCase is false | keepUpperCase is true |  
  |--------------------|--------------|------------------------|-----------------------|  
  | "XML HTTP request" | pascalCase   | `XmlHttpRequest`       | `XMLHTTPRequest`      |  
  | "new customer ID"  | camelCase    | `newCustomerId`        | `newCustomerID`       |  
  
  </code></pre>
  
  <p>The table is rendered as expected. But I will lost the document hierarchy this way.</p>