制作x-editable实际上看起来像'可以编辑'

I am using this X-editable plugin. The talbe looks like:

Actually the Name, Date of Birth and all are editable when clicking on values.How can i make any user actually this can be edited. It doesn't look like it can be edited. I see some sort of dotted underline in values in the documentation. But it is not helping with the table. Is there any way of putting these values in box or something like that to look like 'it can be edited'?

$.fn.editable.defaults.mode = 'inline';
$('.name').editable();
$('.dob').editable();
...