javascript - 如何设置表格内容的样式？

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);
}

这是它现在在 View 中的样子:

这是 Fiddle .

这是内容的理想外观:

这是 Fiddle .

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

Answer 1

我稍微改变了你的逻辑:

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

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

如果你想让 td 变成正方形，这里是解决方案:https://stackoverflow.com/a/22835903/6053654

如有任何不清楚的地方，请随时询问。