title: How can I edit a column when I double click on it?
body: <p>I am using a table to view some of the data, the table looks like below  </p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;Id&lt;/th&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Salary&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;Imthi&lt;/td&gt;
          &lt;td&gt;30000&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;  
  </code></pre>
  
  <p>I want to edit the salary column in the above table when I double click that column. Can anyone help me achieve this?</p>