JSFiddle - React, Tailwind, and code Playground
HTML
<table id="table_results" class="data ajax">
<thead><tr>
<th class="draggable">id
</th><th class="draggable">select_type
</th><th class="draggable">table
</th><th class="draggable">type
</th><th class="draggable">possible_keys
</th><th class="draggable">key
</th><th class="draggable">key_len
</th><th class="draggable">ref
</th><th class="draggable">rows
</th><th class="draggable">Extra
</th></tr>
</thead>
<tbody>
<tr class="odd"><td align="right" class="data grid_edit not_null nowrap ">1</td>
<td class="data grid_edit not_null ">SIMPLE</td>
<td class="data grid_edit ">content</td>
<td class="data grid_edit ">index</td>
<td class="data grid_edit ">time</td>
<td class="data grid_edit ">views</td>
<td class="data grid_edit ">4</td>
<td class="data grid_edit null"><i>NULL</i></td><td align="right" class="data grid_edit nowrap ">5</td>
<td class="data grid_edit not_null ">Using where</td>
</tr>
<tr class="even"><td align="right" class="data grid_edit not_null nowrap ">1</td>
<td class="data grid_edit not_null ">SIMPLE</td>
<td class="data grid_edit ">urls</td>
<td class="data grid_edit ">eq_ref</td>
<td class="data grid_edit ">PRIMARY</td>
<td class="data grid_edit ">PRIMARY</td>
<td class="data grid_edit ">4</td>
<td class="data grid_edit ">dbname.content.sid</td>
<td align="right" class="data grid_edit nowrap ">1</td>
<td class="data grid_edit not_null ">Using index</td>
</tr>
<tr class="odd"><td align="right" class="data grid_edit not_null nowrap ">1</td>
<td class="data grid_edit not_null ">SIMPLE</td>
<td class="data grid_edit ">associations</td>
<td class="data grid_edit ">ref</td>
<td class="data grid_edit ">sid,catid</td>
<td class="data grid_edit ">sid</td>
<td class="data grid_edit ">4</td>
<td class="data grid_edit ">dbname.content.sid</td>
<td align="right" class="data grid_edit nowrap ">1</td>
<td class="data...