JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>
<table id="grid">
<thead>
<tr>
<th>
ID
</th>
<th>
Name
</th>
<th>
Number
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Adjustable Race</td>
<td>AR-5381</td>
</tr>
<tr>
<td>2</td>
<td>Bearing Ball</td>
<td>BA-8327</td>
</tr>
<tr>
<td>3</td>
<td>BB Ball Bearing</td>
<td>BE-2349</td>
</tr>
<tr>
<td>4</td>
<td>Headset Ball Bearings</td>
<td>BE-2908</td>
</tr>
<tr>
<td>316</td>
<td>Blade</td>
<td>BL-2036</td>
</tr>
<tr>
<td>317</td>
<td>LL Crankarm</td>
<td>CA-5965</td>
</tr>
<tr>
<td>318</td>
<td>ML Crankarm</td>
<td>CA-6738</td>
</tr>
<tr>
<td>319</td>
<td>HL Crankarm</td>
<td>CA-7457</td>
</tr>
<tr>
<td>320</td>
<td>Chainring Bolts</td>
<td>CB-2903</td>
</tr>
<tr>
<td>321</td>
<td>Chainring Nut</td>
<td>CN-6137</td>
</tr>
</tbody>
</table>
<br />
CSS
#grid_container {
width: 100%;
max-width: 600px;
}
JavaScript
$(function() {
$("#grid").igGrid({});
//hides 2nd row (index starts at 0)
$("#grid").igGrid("allRows").each(function(index) {
if (index == 1) {
$(this).css("display", 'none');
}
});
//deletes 4th row (index starts at 0)
var row = $("#grid").igGrid("widget").igGrid("rowAt", 3);
$(row).remove();
//shows 2nd row (index starts at 0)
row = $("#grid").igGrid("widget").igGrid("rowAt", 1);
$(row).css("display", 'table-row');
});