JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="http://wwwendt.de/tech/demo/jquery-contextmenu/jquery.ui-contextmenu.js"></script>
<h1>Shao Kan Game World</h1>

    <table class="table table-bordered table-hover table-striped" style="width: 500px; margin: 0 auto;">
        <thead>
            <tr>
                <th>Personagem</th>
                <th>Poder</th>
                <th>Actions</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>Luke</td>
                <td>Espadinha</td>
                <td class="skills">
                    <ul class="skills" style="display: none; z-index: 4000;">
                        <li>SABRE DE LUZ</li>
                    </ul>
                </td>
            </tr>

            <tr>
                <td>Robocop</td>
                <td>Metralhadora</td>
                <td class="skills">
                    <ul class="skills" style="display: none; z-index: 4000;">
                        <li>BAZUCAAAA</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>

CSS

.skills {
            background: #A6A6A5;
            padding: 20px;
        }

JavaScript

$(document).ready(function () {
            $("table").contextmenu({
                delegate: "tbody tr",
                menu: ".table tbody tr .skills:first-child"
            });
        });