title: Vue element-ui <el-table-column> formatter – how to display html?
body: <p>How to return html formatted cell value?</p>
  
  <p>I want to get custom formatted value (with html or other components) with <code>&lt;el-table-column&gt;</code> <code>formatter</code>.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;el-table :data="data"&gt;
    &lt;el-table-column v-for="(column, index) in columns" 
                     :key="index" :label="column.label" 
                     :formatter="column.formatter"&gt;
    &lt;/el-table-column&gt;
  &lt;/el-table&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>data() {
    return {
      columns: [
        {
          label: 'Created at',
          formatter: (row, col, value, index) =&gt; {
            return `&lt;span class="date"&gt;${value}&lt;/span&gt;`
          }
        },
        // edit:
        {
          label: 'Address',
          formatter: (row, col, value, index) =&gt; {
            return `&lt;mini-map :data="${row}"&gt;&lt;/mini-map&gt;`
          }
        }
        // other dynamic columns...
      ]
    }
  }
  </code></pre>
  
  <p>But cell content is displayed as escaped html string. Is there any possibility to force html?</p>
  
  <p><strong>EPIC EDIT:</strong> I added an answer with a solution.</p>