JSFiddle - React, Tailwind, and code Playground

HTML

<table id="walls_settings_timers" class="vertical display dataTable dtr-inline no-footer DTTT_selectable" cellspacing="0" width="100%" role="grid" style="width: 100%;"> <thead>
            <tr role="row"><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Pump timer 1: activate to sort column ascending" style="width: 105px;">Pump timer 1</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Pump timer 2: activate to sort column ascending" style="width: 105px;">Pump timer 2</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Pump timer 3: activate to sort column ascending" style="width: 105px;">Pump timer 3</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Force pump run?: activate to sort column ascending" style="width: 137px;">Force pump run?</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Lights timer 1: activate to sort column ascending" style="width: 110px;">Lights timer 1</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Lights timer 2: activate to sort column ascending" style="width: 110px;">Lights timer 2</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Fan timer 1: activate to sort column ascending" style="width: 111px;">Fan timer 1</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Fan timer 2: activate to sort column ascending" style="width: 89px;">Fan timer 2</th><th class="sorting" tabindex="0" aria-controls="walls_settings_timers" rowspan="1" colspan="1" aria-label="Fan timer 3: activate to sort column ascending" style="width: 89px;">Fan timer 3</th><th class="sorting" tabindex="0"...

JavaScript

var  x = $("#walls_settings_timers").find("th,td");

var i = $("#walls_settings_timers").find("tr").length;

var j = x.length/i;
console.log(i , j);
var newT= $("<table>").appendTo("body");
for (j1=0; j1<j;j1++){
    var temp = $("<tr>").appendTo(newT);
    for(var i1=0;i1<i; i1++){
        temp.append($(x[i1*j+j1]).clone());
    }
    
}