JSFiddle - React, Tailwind, and code Playground

by fizerkhan

HTML

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>City</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Kannan</td>
            <td>22</td>
            <td>Chennai</td>
        </tr>
        <tr>
            <td>Govindh</td>
            <td>55</td>
            <td>Chennai</td>
        </tr>
        <tr>
            <td>Rahul</td>
            <td>32</td>
            <td>Delhi</td>
        </tr>
        <tr>
            <td>Karthi</td>
            <td>26</td>
            <td>Bangalore</td>
        </tr>
    </tbody>
</table>

CSS

table{
  border-collapse: collapse; /* 'cellspacing' equivalent */
  cursor: pointer;

}

table td, 
table th{
  padding: 0; /* 'cellpadding' equivalent */
  border: 1px solid #999;
}

JavaScript

$("table").click(function () {
    // Do whatever you like
    // 
    // Change the location
    // window.location.href ="http://www.google.com";
    // 
    window.open("http://www.google.com");
});