JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>A1</td>
<td>A2</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
</tr>
</table>
<textarea></textarea>
CSS
textarea {
width: 100%;
height: 100px;
}
JavaScript
var tableData = $('table tr').map(function() {
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';
})
$('textarea').val(output);