JSFiddle - React, Tailwind, and code Playground

by Ahmed Nawaz Butt

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>pdF</title>
<link rel="stylesheet" href="http://localhost/spiro365/public/admin/css/formstyles.css">



<div class="templateContentPane" style="font-family: Helvetica; padding: 0px; font-size: 8px; height: 750px;">
  <div class="bold" style="background-color: rgb(220, 233, 241); font-family: Helvetica;">
    <div class="">
      <div id="page-wrap" class="templateBody" style="padding: 0.5in 0.25in 0.25in; background: #DCE9F1;">
        <div id="header" class="">
          <div id="overlayId" class=""></div>
          <div class="headerSection" style="display: block;">
            <div>
              <div class="companyAdd1">
                <div>
                  <div class="txt-head-business-name-d tm-font-size tm-font-family tm-font-bold" style="font-size: 10px !important; font-family: &quot;Times New Roman&quot;;">LEADConcept Solution Leaders</div>
                  <div class="txt-head-business-address-d">
                    <div class="txt-head-location-d tm-font-size tm-font-family" style="font-size: 10px !important; font-family: &quot;Times New Roman&quot;;">
                      123 Sierra Way
                    </div>
                    <div>
                      <span class="txt-head-loc-city-d tm-font-size tm-font-family" style="font-size: 10px !important; font-family: &quot;Times New Roman&quot;;">San Pablo, </span>
                      <span class="txt-head-loc-zip-state-d tm-font-size tm-font-family" style="font-size: 10px !important; font-family: &quot;Times New Roman&quot;;">CA 87999</span>
                    </div>
                    <div></div>
                  </div>
                  <div class="tm-font-size tm-font-family" style="font-size: 10px !important; font-family: &quot;Times New Roman&quot;;">
  ...

JavaScript

var baseElm = $('#dgrid_1-row-0');// .dgrid-row-table');
        var headerRow = $(baseElm).parents('.detailSection').find('.dgrid-header').find('.dgrid-row-table tr');
        var tableBody = $(baseElm).find('.dgrid-row-table').find('tbody')[1];
        
console.log($(tableBody).html());