JSFiddle - React, Tailwind, and code Playground

HTML

<table id="foo">
    <tr>
        <td>valeur 1</td>
        <td>valeur 2</td>
        <td></td>
        <td></td>
       
    </tr>
    <tr>
        <td>valeur 3</td>
        <td>valeur 4</td>
        <td>valeur 5</td>
        <td>valuer 6</td>
      
    </tr><tr>
        <td>valeur 7</td>
        <td>valeur 8</td>
        <td>valeur 9</td>
        <td>10</td>
        
    </tr>
</table>

CSS

td { border: solid 1px grey;}
table{
border-collapse: collapse;}

JavaScript

tabvalues=[]	
$('#foo td').each(function(){
    if($(this).text()!=''){
        tabvalues.push($(this).text())}
    $(this).text('');
});
 console.log(tabvalues)
$('#foo td').each(function(i,obj){
    console.log(i)
    if(tabvalues[i]){
     $(this).text(tabvalues[i]);
    }
})