如何设置表格的内容？

Question

我动态创建表：

function createResultsTable(data) {
    var table = $('<table id="tblResultsList">');
    var tr;
    var td;

    $.each(data.d.foundItems, function(i, item) {

        var button = $('<button/>', {
            text: item.code, 
            click: function () { CellClicked(item.x,item.y,"") }
        }); 
        i % 3 === 0 && (tr = $('<tr>').appendTo(table));

        tr.append('<td>').prepend(button).end();
    });

    $('#rstSearch').append(table);
}

现在它在视图中看起来如何：

这是Fiddle。

以下是内容的理想外观：

这是Fiddle。

但我被困住了。我不知道如何移动到中心内容并使其成为二次方。

Answer 1

我稍微改变了你的逻辑：

test.func = function(x){
for (i in 1:length(x)) {
    tt[[i]] <- x[i]; tt[[i]]  = Line(tt[[i]]); tt[[i]]  = Lines(list(tt[[i]] ), 'i')
    tt1 = SpatialLines(list(tt[[i]]))
} 
return(tt1)}

并添加了一些样式。这是工作小提琴：https://jsfiddle.net/o2gxgz9r/14666/

如果你想td = $('<td>').appendTo(tr) button.appendTo(td); 方格，这就是解决方案：https://stackoverflow.com/a/22835903/6053654

随意询问是否有任何事情不清楚。

Answer 2

那条线错了：

tr.append('<td>').prepend(button).end();

它实际上做的是将'<td>'和button追加到tr。  这是因为append的返回值是tr，而不是新的td标记。 你可以做的是：

$('<td>').append(button).appendTo(tr);

Answer 3

最好阅读更多关于把手的信息。在这个文件中，您可以阅读真正的HTML并动态加载它。 This is the link。您可以使用npm install handlebars安装hadlebars。

Answer 4

用于安排您的内容：

CAMediaTimingFunction(controlPoints: 0.5, 1, 0.5, 1)

like this: