JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Construction dynamique</title>
<style>
table, tr, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style>
</head>


<body>
<select id="arme"></select>
<select id="arme2"></select>
<script>
MultiArray = [];
 
MultiArray.push( ["arx160",     89, 27, 61, 81, 92, "arx160.png",   83, 35]);
MultiArray.push( ["tar21",      89, 27, 61, 81, 92, "tar21.png",    83, 35]);
MultiArray.push( ["g36gl",      89, 27, 61, 81, 92, "g36gl.png",    83, 35]);
MultiArray.push( ["CZ 805 A2",  80, 33, 61, 71, 84, "cz805a2.png",  83, 35]);
 
function fctSort(a, b) {
  return (a[0].toUpperCase() > b[0].toUpperCase()) ? 1 : - 1;
}
function addOption(id_dest, data) {
  var oDest = document.querySelector('#' + id_dest);
  var option;
  var i;
  var nb = data.length;
  console.log(id_dest, data);
  for (i = 0; i < nb; i += 1) {
    option = document.createElement('OPTION');
    option.text = data[i][0];
    option.value = data[i][0];
    oDest.appendChild(option);
  }
}
// tri des données
MultiArray.sort(fctSort);
// remplissage <select>
addOption('arme', MultiArray);
addOption('arme2', MultiArray);

//-->

</script>


<!--Début création tableau-->
 
<table>
   <tr>
       <th>Weapons</th>
       <td>Arme 1</td>
       <td>Arme 2</td>
       <td> Points</td>
   </tr>
   <tr>
       <th>Image</th>
       <td>Image 1</td>
       <td>Image 2</td>
       <td> </td>
   </tr>
   <tr>
       <th>Accuracy</th>
       <td>Acc 1 </td>
       <td>Acc 2</td>
	   <td>Acc compare</td>
   </tr>
     <tr>
       <th>Power</th>
       <td>PW 1 </td>
       <td>PW 2</td>
	   <td>PW 2 compare</td>
   </tr>
     <tr>
       <th>Range</th>
       <td>Range 1 </td>
       <td>Range 2</td>
	   <td>Range compare</td>
   </tr>
     <tr>
       <th>Rate of fire</th>
       <td>Rate 1 </td>
       <td>Rate 2</td>
	    <td>Rate compare</td>
   </tr>
     <tr>
       <th>Stability</th>
       <td>Stab 1 </td>
       <td>Stab 2</td>
	  ...