JSFiddle - React, Tailwind, and code Playground

HTML

<div style="border:1px solid;">
    <input type="radio" id="Bob" name="name" />Bob
    <input type="radio" id="Jay" name="name" />Jay</div>
<div style="border:1px solid; margin:5px 0;">
    <input type="radio" id="Developer" name="position" />Developer
    <input type="radio" id="Manager" name="position" />Manager</div>
<table border="1" style="text-align:center;">
    <tr>
        <th>Name</th>
        <th>Position</th>
    </tr>
    <tr>
        <td>Bob</td>
        <td>Developer</td>
    </tr>
    <tr>
        <td>Jay</td>
        <td>Manager</td>
    </tr>
    <tr>
        <td>Bob</td>
        <td>Manager</td>
    </tr>
    <tr>
        <td>Jay</td>
        <td>Developer</td>
    </tr>
</table>

JavaScript

$('input[type="radio"]').change(function () {
    var name = $('input[name="name"]:checked').prop('id') || '';
    var position = $('input[name="position"]:checked').prop('id') || '';
    $('tr').hide();
    $('tr:contains(' + name + ')').show();
    $('tr').not(':contains(' + position + ')').hide();
});