JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src="http://venuscloud.com/test.js"></script>
<table id="tab_open_deals" class="table table-condensed table-striped cb_table-hover">
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
      <th>C</th>
    </tr>
  </thead>
  <tbody id="search_result">
    <tr>
      <td>Lunch Deal- Light</td>
      <td>39.90</td>
      <td>29 Dec 2012</td>
    </tr>
  <tr>
    <td>hol</td>
    <td>1499.00</td>
    <td>8 Jan 2013</td>
  </tr>
  <tr class="test">
    <td>new deal</td>
    <td>1002.00</td>
    <td class="cb_notes">Algerian soldiers had been surrounding the facility near In Amenas that kidnappers occupied on Wednesday, after killing a Briton and an Algerian.

Media reports quoting militants said 34 hostages and at least 14 kidnappers had been killed in the operation.

A local resident told Reuters news agency that there were multiple deaths.

There was no official confirmation of any deaths.</td>
  </tr>
 </tbody>
</table>

CSS

.cb_inline_block {
    display:inline-block;
}



table.cb_table-hover tbody tr:hover td:not(.override),
table.cb_table-hover tbody tr:hover th:not(.override){
      background-color: #cfe2e8;  
}


table.sub_table-hover tbody tr:hover td,
table.sub_table-hover tbody tr:hover th{
      background-color: #cfe2e8;  
}

JavaScript

$(document).ready(function() {
  $('#tab_open_deals tbody tr:not([class=morelink])').off('click').on('click', function() {
      alert('Row Clicked');       
    });
  
  
    
  $('.cb_notes').shorten();

});