Commodity attributes and specifications are selected for different specifications to add different inventory prices and other information on the background management page how to use js to reflect the Cartesian product how to achieve?

The id of

data format [[222333444], [111]] mainly wants to realize the style and specific data adjustment of html

<table class="table table-border table-bordered radius">
          <thead class="text-c">
            <tr>
              <th width="10%"></th>
              <th width="10%"></th>
              <th><span class="c-red">*</span>()</th>
              <th><span class="c-red">*</span>()</th>
              <th><span class="c-red">*</span>()</th>
              <th><span class="c-red">*</span></th>
              <th></th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td></td>
              <td></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
              <td><input type="text" name="sp_name" value="" class="input-text"></td>
            </tr>
          </tbody>
        </table>

thank you!

function descartes(arrIndex, aresult, data){ if (arrIndex >= data.length) { result.push(aresult); return ; } var aArr = data[arrIndex]; for (var i = 0; i < aArr.length; PPi) { var theResult = aresult.slice(0, aresult.length); theResult.push(aArr[i]); descartes(arrIndex + 1, theResult, data); } }