JSFiddle - React, Tailwind, and code Playground

by santhucool007

HTML

<div id="printdiv">
<table id="printtablehead_0" style="width:100%;">
  <tbody>
    <tr style="font-weight:bold;">
      <td id="tha0" style="text-align:left;">31</td>
      <td id="thb0" style="text-align:center;">VF</td>
      <td id="thc0" style="text-align:right;"><span class="spandate">R2/T1</span></td>
      <td style="width: 50px;"></td>
      <td id="thd0" style="text-align:left;">31</td>
      <td id="the0" style="text-align:center;">VF</td>
      <td id="thf0" style="text-align:right;"><span class="spandate">R2/T1</span></td>
    </tr>
    <tr style="font-weight:bold;">
      <td id="thg0" style="text-align:left;">2</td>
      <td style="text-align:center;">&nbsp;</td>
      <td style="text-align:right;">&nbsp;</td>
      <td style="width: 50px;"></td>
      <td id="thh0" style="text-align:left;">2</td>
      <td style="text-align:center;">&nbsp;</td>
      <td style="text-align:right;">&nbsp;</td>
    </tr>
    <tr></tr>
  </tbody>
</table>
<table id="printtable_0">
  <tbody>
    <tr>
      <th style="width:50px;text-align:left;"></th>
      <th style="width: 325px;text-align:left;"></th>
      <th style="width:75px;text-align:right;"></th>
      <th style="width:0px;text-align:right;"></th>
      <th style="width:100px;text-align:right;"></th>
      <th style="width:100px;text-align:left;"></th>
      <th style="width:50px;text-align:left;"></th>
      <th style="width: 325px;text-align:left;"></th>
      <th style="width:75px;text-align:right;"></th>
      <th style="width:0px;text-align:right;"></th>
      <th style="width:100px;text-align:right;"></th>
    </tr>
    <tr>
      <td>1</td>
      <td>ALMOND</td>
      <td style="text-align: right;">1.00</td>
      <td style="text-align: right;">22.50</td>
      <td style="text-align: right;">22.50</td>
      <td></td>
      <td>1</td>
      <td>ALMOND</td>
      <td style="text-align: right;">1.00</td>
      <td style="text-align: right;">22.50</td>
      <td style="text-align: right;">22.50</td>
   ...

JavaScript

var tableData= $("#printdiv table tr").map(function(i) {
				return [$(this).find('td').map(function() {
				return $(this).text();
				}).get()];
			}).get();
			
			var output = '';
			$.each(tableData, function(i, row) {
				$.each(row, function(i, cell) {
					output += cell + '\t';
				})
				output += '\n';
			});
      
      console.log(output);