JSFiddle - React, Tailwind, and code Playground

HTML

<div class="css">
                <table>
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>Country</th>
                            <th>City</th>
                            <th>BithDate</th>

                        </tr>

                    </thead>
                    <tbody>
                        <tr>
                            <td>abc</td>
                            <td>abc</td>
                            <td>abc</td>
                            <td>abc</td>
                        </tr>
                        <tr>
                            <td>cdf</td>
                            <td>cdf</td>
                            <td>cdf</td>
                            <td>cdf</td>
                        </tr>
                    </tbody>
                </table>
                </div>

JavaScript

$('table').click(function(event){
    // The event.target property returns which DOM element triggered the     event.
    // 
    var elem = event.target.nodeValue;
    alert(elem);
    // use this value to display in your way.
 });