Any idea on matching div and td

<div>// this represent container of th as div
 <div> // row
  <div>div header</div> //data
 </div>
</div>


<div>
 <table>
  <tbody>
   <tr>
    <td>data has to match</td>
   </tr>
  </tbody>
 </table>
</div>

jsfiddle

$(cont).find('.fixedheaderHolder').children('div').each(function(){
          let height = $(cont).find('table thead tr th[data-column-index='+$(this).attr('data-column-index')+']').outerHeight();
          $(cont).find('table thead tr th[data-column-index='+$(this).attr('data-column-index')+']').outerWidth();
          let width = $(cont).find('table thead tr th').eq($(this).attr('data-column-index')).outerWidth();
          console.log(width)
          console.log(height)
          $(this).append($('<div></div>').html(' ').addClass('resizeHandler'));
          $(this).css({
            'width': height+'px',
            'height': width+'px'
          })
        });