データを保存するためにテーブルphp mysqlを作成するjavascript

Question

ユーザーが必要な行数と列数を入力すると、数値が入力され、次のページがテーブルを作成するテーブルが必要です。

彼らはデータベースに保存される情報を入力します。私がこれを行うと考えることができる唯一の方法は、ダイナミックなテーブルを使うことです。より良い方法はありますか？ここでいくつかの超基本的なコードは、私は完全なテーブルを尽くしていない、よりよい方法があり、私はコースを変更する必要がある場合に私が続行する前にフィードバックを得たかった。

シンプルなフォルム：jQueryのDataTableのを見ると

How many rows <input type="number" id="rowNumber"/><br> 
    How many columns <input type="number" id="colNumber"/><br> 

    <button onclick="myFunction()">Checkout</button> 

    function myFunction() { 
     var rowNumber = document.getElementById('rowNumber').value; 
     var colNumber = document.getElementById('colNumber').value; 

     window.location.href = "website/test.php?rowNumber="+rowNumber+"&colNumber="+colNumber; 
} 

test.phpを

<?php 
    $rowNumber=$_GET['rowNumber']; 
    $colNumber=$_GET['colNumber']; 
    ?> 

<script> 
var numRows = "<? echo $rowNumber ?>"; 
var numCols = "<? echo $colNumber ?>"; 

var tableString = "<table>", 
    body = document.getElementsByTagName('body')[0], 
    div = document.createElement('div'); 

for (row = 1; row < numRows; row += 1) { 

    tableString += "<tr onclick=\"fnselect(this)\"<? if($rowID == "A") { echo "class ='selected'";} ?>>"; 

    for (col = 1; col < numCols; col += 1) { 

     tableString += "<td>" + "R" + row + "C" + col + "" + "<input type='text' />" + "</td>"; 
    } 
    tableString += "</tr>"; 
} 

tableString += "</table>"; 
div.innerHTML = tableString; 
body.appendChild(div); 
</script> 

Answer 1

。素晴らしい機能がたくさんあります。

あなたはJSONデータソースにバインドするか、このURLのように手動で独自の行を作成することができ、次のいずれか https://datatables.net/examples/api/add_row.html

ので、これを使用するには、jQueryとデータテーブルのスクリプトを参照する必要があります。指定されたURLから参照するか、スクリプトをダウンロードする必要があります（そうしないと外部のサーバーへの参照を作成します）。