Tag Archives: make table row clickable javascript

Bootstrap make table row clickable


Bootstrap make table row clickable : Sometimes we need to make the table row clickable same a hyperlink works. We can make the whole table row clickable same as hyperlink using the jQuery. Here in this tutorial we are going to explain how you can make table row clickable with complete example and demo.


Bootstrap make table row clickable

You can make whole row clickable simply using the jQuery as below. In this tutorial we have made the table row to behave like anchor tag ie. link.

Html Part

Bootstrap make table row clickable : Example

NameEmailCountry
Jhohnjhone@gmail.comUSA
Kellykelly@gmail.comUSA
Kamanakamna@gmail.comIndia
Anayanay@gmail.comCanada

JavaScript Part

Bootstrap make table row a link using the following jQuery-

Bootstrap make table row clickable : jQuery Example


Try it »

If you run the above example it will produce the following output. Table rows are clickable which will work as link .

Bootstrap make table row clickable : jQuery Example