JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://isotope.metafizzy.co/jquery.isotope.min.js"></script>
<input id="search" type="text" placeholder="search">
<table border="1" class="isotope">
<thead>
<th>RM Name</th>
<th>Division</th>
<th>RM Phone</th>
<th>RC Name</th>
<th>RC Phone</th>
<th>States Covered</th>
</thead>
<tbody class="rm-data">
<tr class="Russ Martin Jacob Sucoff">
<td>Russ Martin</td>
<td>East</td>
<td>(603) 491-1259</td>
<td>Jacob Sucoff</td>
<td>(800) 247-4154 x3403</td>
<td>MT,VT, NH, ME (all firms)</td>
</tr>
<tr class="Carey Fortnam Matt Wrzesniewsk">
<td>Carey Fortnam</td>
<td>East</td>
<td>(585)-259-7394</td>
<td>Matt Wrzesniewsk</td>
<td>(800) 247-4154 x3088</td>
<td>NY- Upstate ex Rockland County (BD, FP)</td>
</tr>
</tbody>
</table>
CSS
table, thead, tbody {display: block; width: 100% }
JavaScript
var data = [{
"RM_Name": "Russ Martin",
"Division": "East",
"RM_Phone": "(603) 491-1259",
"RC_Name": "Jacob Sucoff",
"RC_Phone": "(800) 247-4154 x3403",
"States_Covered": "MT,VT, NH, ME (all firms)",
"Latitude": 46.6797995,
"Longitude": -110.044783,
"Coordinates": "46.6797995,-110.044783"
}, {
"RM_Name": "Carey Fortnam",
"Division": "East",
"RM_Phone": "(585)-259-7394",
"RC_Name": "Matt Wrzesniewsky",
"RC_Phone": "(800) 247-4154 x3088",
"States_Covered": "NY- Upstate ex Rockland County (BD, FP)",
"Latitude": 40.7056308,
"Longitude": -73.9780035,
"Coordinates": "40.7056308,-73.9780035"
}];
$.each(data, function(i, item) {
var rm_name = item.RM_Name,division = item.Division,rm_phone = item.RM_Phone,rc_name = item.RC_Name,rc_phone = item.RC_Phone,states = item.States_Covered;
var dataset='<tr class="'+rm_name+' '+rc_name+'"><td>'+rm_name+'</td><td>'+division+'</td><td>'+rm_phone+'</td><td>'+rc_name+'</td><td>'+rc_phone+'</td><td>'+states+'</td></tr>';
/*$('.rm-data').append(dataset);*/
});
// init Isotope
var $container = $('.rm-data').isotope({
// options
});
$('#search').on('keypress',function(e){
if(e.which == 13){
var query = $('#search').val();
$container.isotope({ filter: "."+query });
console.log(query);
}
});