JSFiddle - React, Tailwind, and code Playground
HTML
<div id="productgrid2" style="border: 1px solid rgb(54, 57, 64); box-shadow: rgb(136, 136, 136) 7px 7px 5px; margin-bottom: 15px; height: 250px;" data-role="grid" class="k-grid k-widget">
<div class="k-grid-header" style="padding-right: 14px;">
<div class="k-grid-header-wrap" data-role="resizable">
<table role="grid">
<colgroup>
<col style="width:170px" />
<col style="width:135px" />
<col style="width:120px" />
<col style="width:75px" />
<col style="width:55px" />
<col style="width:60px"/>
<col style="width:190px" />
</colgroup>
<thead role="rowgroup">
<tr role="row">
<th role="columnheader" data-field="rfi_name" data-title="RFI/Click2Connect" class="k-header" data-role="columnsorter"><a class="k-link" href="#">RFI/Click2Connect</a></th>
<th role="columnheader" data-field="SelectedOptions" data-title="Fulfillment" class="k-header k-with-icon k-filterable" data-role="columnsorter"><a class="k-grid-filter" href="#" tabindex="-1"><span class="k-icon k-filter" data-original-title="" title=""></span></a><a class="k-link" href="#">Fulfillment</a></th>
<th role="columnheader" data-field="InteractiveID" data-title="Interactive ID" class="k-header" data-role="columnsorter"><a class="k-link" href="#">Interactive ID</a></th>
<th role="columnheader" data-field="ISCI" data-title="ISCI" class="k-header" data-role="columnsorter"><a class="k-link" href="#">ISCI</a></th>
<th role="columnheader" data-field="IsAddressable" data-title="Addressable" class="k-header" data-role="columnsorter"><a class="k-link" href="#">Addressable</a></th>
...
JavaScript
$(function() {
alert($("#productgrid2 div:nth-child(2)").height())
});