Add click event to a button

clickEVent

i want to add each button to the Person.Hello column so that whenever that button is clicked, a dialog box pops up with that person info ? How do i do that ?

Use column genegator. This is described in the documentation.

What if i want to add event listener whenever i click in one of the rows of the Person Collection so that the page wil redirect to different view with customized Person information(like just output certain fields only) ?

It’s not a problem. The click handler can be associated with the line data where the button is placed.
There’s a similar example in the demo. But in the example is not a button and a drop-down list.