Question

我有一个javascript方法，我创建了一个包含数据的表，它看起来像：

Picture    Product
PicA       ProA
PicB       ProB
PicC       ProC

我的javaScript代码如下：

function onPopulated() {
var list = $find("ace").get_completionList();
var count = list.childNodes.length;

for (i = 0; i < count; i++) {
    var item = list.childNodes[i]._value;           
    var name = item.product;
    var category = item.category ;
    var RecID = item.RecID;
    var pic= item.pic;
    var url = "abc.com.tr/img/p_" + RecID + "_" + pic+ "_01.jpg"
    list.childNodes[i].innerHTML = '<span id="name" >
        <table>
            <tr style="width:50px;height:55px;" >
                <td>
                <img width="50" height="50"                    
                    style="textalign:center" src="' + url + '"/>
                </td>
                <td>' + name + '</td>
            </tr>
        </table>   
      </span>';
    }

}

我希望创建表格如下：

Picture    Product      Picture    Product
PicA       ProA         PicD       ProD
PicB       ProB         PicE       ProE
PicC       ProC         PicF       ProF

如何创建它？谢谢你的回答

Answer 1

我认为你可以使用ajax自动完成功能吗？如果我是真的你应该在ajax自动完成中使用width:500px !important;作为你的completionList。您可以根据需要设置宽度范围。然后，您可以获得表2视图

使用JavaScript创建自定义表

1 个答案: