How to make an editable table which is showing data from the database?

I have a responsive table here, generated by the Bootstrap 4 Table Generator

image1793×492 59 KB

It is showing users and their information (this is an admin panel)

image1229×275 36.4 KB

How can I make the cells directly editable? (Think like a Google Sheet where you can click on the cell, start typing then pressing enter saves the new value or alternatively with a small edit button that allows you to edit and then save: