JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<table>
    <tr id="1">
        <th>kop 1</th>
         <th>kop 2</th>
         <th>kop 3</th>
         <th>kop 4</th>
    </tr>
    <tr id="2">
        <td>veld 1A</td>
        <td>veld 2A</td>
        <td>veld 3A</td>
        <td>veld 4A</td>
      </tr>
      <tr id="3">
        <td>veld 1B</td>
        <td>veld 2B</td>
        <td>veld 3B</td>
        <td>veld 4B</td>
    </tr>
      <tr id="4">
        <td>veld 1C</td>
        <td>veld 2C</td>
        <td>veld 3C</td>
        <td>veld 4C</td>
    </tr>
    
    
</table>

CSS

.cell{background-color:#AFAFAF;}
table{border:1px solid red;}
th, td{border:1px solid blue;}

JavaScript

// For sandeep :)
$("table tr:gt(0) ").each(function() {
    
    var x=$(this).find("td:eq(3)").html();
    var x2=$(this).find("td:eq(2)").html();    
    $(this).find("td:eq(2)").html(x+"|"+x2);
    $(this).find("td:eq(3)").html("");
    
    
});