JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
    <tr>
        <td>Number</td><td>Country</td>
    </tr>
</table>

CSS

table td {
    border:1px solid black;
    padding:10px;
}

JavaScript

var QR4 = [],
    QR4L = [],
    QR8 = [],
    QR8L = [];

QR4[25] = "China";
QR4L[25] = "China";
QR8[25] = "China";
QR8L[25] = "China";
QR4[24] = "39241000";
QR4L[24] = "39241000";
QR8[24] = "39241000";
QR8L[24] = "39241000";


function displayArrayAsTable( array, from, to ) {


  var array = array || [],
      from = from || 0,
      to = to || 0;

  var html = '';
    
  if ( array.length < 1 )
  {
    return;
  }

  if ( to == 0 )
  {
      to = array.length - 1;
  }

  for ( var x = from; x < to + 1; x++ ) 
  {
 
    html += '<td>' + array[x] + '</td>';

  }
    
  return html;

}




var row =  document.createElement('tr');

row.innerHTML = displayArrayAsTable(QR4, 24, 25);

document.getElementById('mytable').appendChild( row ) ;