javascript - HTML テーブルの特定の列に要素を挿入するにはどうすればよいですか?

Question

データベース データを含む HTML テーブルの特定の列に要素を動的に挿入したいと考えています。このテーブルには、ヘッダーとして項目の名前があり、最初の列として項目のプロパティがあります。各項目の名前の列にプロパティの値を挿入しないので、対応するセルにプロパティの値を挿入しません。まず、要素とプロパティを含む最初の列を挿入しました。次に、対応する各セルに値を挿入する必要がありました。JavaScript と jQuery を使用しています。

これは、ヘッダーと最初の列を挿入するために使用したコードです。

table.append("<tr id=first><th>"+"    "+"</th>");       
    var items = eval('('+ response + ')');
        for(var i = 0, len = items.length; i < len; ++i) {
            table.find('#first').append("<th id="+items[i]+">"+items[i]+"</th>");           
        }
    });
    table.append("</tr>");
    self.port.emit('getDimension');
        self.port.on('dimension', function(response) {
            var dimensions = eval('('+ response + ')');
            for(var i = 0, len = dimensions.length; i < len; ++i) {
                table.append("<tr id=dimension"+i+"><td>"+dimensions[i]+"</td><tr>");
                items.forEach(function(item) {
                    if(item.dimension == dimensions[i]) {
                        //HERE I NEED TO INSERT THE CELL IN A COLUMN CORRESPONDING ON A ITEM
                    }

これどうやってするの？正しいセルを選択するにはどうすればよいですか?