title: Vue.js + Element UI: Content editable on el-table's rows
body: <p>I need an <strong>editable datagrid</strong> on an application written with <strong>Element UI</strong>.<br>
  Actually, I've a table like the following:</p>
  
  <pre><code>&lt;el-table :data="myData" stripe="stripe"&gt;
      &lt;el-table-column prop="col1" label="Col 1"&gt;&lt;/el-table-column&gt;
      &lt;el-table-column prop="col2" label="Col 2"&gt;&lt;/el-table-column&gt;
  &lt;/el-table&gt;
  </code></pre>
  
  <p>That's rendered in <strong>html</strong> like (simplifying):</p>
  
  <pre><code>&lt;table class="el-table__body"&gt;
      &lt;td class="el-table_1_column_1"&gt;
          &lt;div class="cell"&gt;Val col 1&lt;/div&gt;
      &lt;/td&gt;
      &lt;td class="el-table_1_column_1"&gt;
          &lt;div class="cell"&gt;Val col 1&lt;/div&gt;
      &lt;/td&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So, I'd like to append the attribute <code>contenteditable="true"</code> to the div with <code>class="cell"</code>.<br>
  I tried to append the attribute to the <code>el-table-column</code> element, but it didn't works.</p>
  
  <pre><code>&lt;el-table-column prop="position" label="Pos." contenteditable="true"&gt;&lt;/el-table-column&gt;
  </code></pre>
  
  <p>Then, how could I make some el-table's cell editable?<br>
  Is the <code>contenteditable</code> attribute the right way? How can I use it?</p>
  
  <p>Thanks.</p>