How can I edit a column when I double click on it?

I am using a table to view some of the data, the table looks like below

<table>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Salary</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Imthi</td>
        <td>30000</td>
    </tr>
</table>  

I want to edit the salary column in the above table when I double click that column. Can anyone help me achieve this?