JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <body>
    <table id='testTable' class='table table-condensed'>
      <thead>
        <tr>
          <th>Column1</th>
          <th>Column2</th>
          <th>Column3</th>
          <th>Column4</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><input type='text' class='form-control input-sm input1' /></td>
          <td><input type='text' class='form-control input-sm input2' /></td>
          <td><input type='text' class='form-control input-sm input3' /></td>
          <td><input type='text' class='form-control input-sm input3' /></td>
        </tr>
      </tbody>
    </table>
  </body>

JavaScript

$(function(){
	window.onload = TableControl;
});
function TableControl(){
	$('#testTable').find('tbody').addClass('bg-danger');
}