JSFiddle - React, Tailwind, and code Playground

HTML

<table id="resultstable">

            <tr id="resultsheading">
                <th OnClick="OrderBy(0)">Module<br /> Code</th>
                <th OnClick="OrderBy(1)">RoomID</th>
                <th OnClick="OrderBy(2)">Students</th>

                <th OnClick="OrderBy(3)">Priority</th>
                <th OnClick="OrderBy(4)">Weeks</th>
                <th OnClick="OrderBy(5)">Day</th>
                <th>Start Time</th>
                <th>Length</th>
                <th>End Time</th>

                <th OnClick="OrderBy(6)">Date Added</th>
            </tr>
<tbody>
    <tr id= "192" > 
        <td>11COA121</td>
        <td>CC012</td>
        <td>340</td>
        <td>Yes</td>

        <td>All</td>
        <td>0</td>
        <td>1</td>
        <td>1</td>
        <td>2</td>
        <td>0000-00-00 00:00:00</td>
    <tr id= "192" > 
        <td>11COA121</td>
        <td>CC012</td>
        <td>340</td>
        <td>Yes</td>

        <td>All</td>
        <td>0</td>
        <td>1</td>
        <td>1</td>
        <td>2</td>
        <td>0000-00-00 00:00:00</td>

    </tr>           <tr id= "192" > 
        <td>11COA121</td>
        <td>CC012</td>
        <td>340</td>
        <td>Yes</td>

        <td>All</td>
        <td>0</td>
        <td>1</td>
        <td>1</td>
        <td>2</td>
        <td>0000-00-00 00:00:00</td>

    </tr>       
    </tr>       
</tbody>
</table>

CSS

.Selected {
    background-color : red;
}

JavaScript

$('#resultstable').on('click', 'tbody tr', function() {
alert("helloworld") 
$('#resultstable tr.Selected').removeClass('Selected');
$(this).addClass('Selected');
});