如何使两个文本框显示在同一jqgrid列中

任何人都可以具体说明如何在同一jqgrid列中创建两个文本框

场景：我有一个动态表，可以存储地址信息，并且可以输入多个地址。对于Zipcode，我希望将其存储为同一列中的5位文本框和4位文本框。有可能吗？如果有，怎么可能

我已经添加了一个样本图片，我希望它如何显示

已创建，在一列中显示两个文本框。请参考代码并根据您的要求进行更改。这将有助于您进一步进行

<table id="grid"></table>
<div id="pager"></div>

<script>
var mydata = [{
    name: "Toronto",
    country: "Canada",
    continent: "North America"
}, {
    name: "New York City",
    country: "USA",
    continent: "North America"
}, {
    name: "Silicon Valley",
    country: "USA",
    continent: "North America"
}, {
    name: "Paris",
    country: "France",
    continent: "Europe"
}]

$("#grid").jqGrid({
    data: mydata,
    datatype: "local",
    colNames: ['Zip/Postal',"Name", "Country", "Continent"],
    colModel: [
        {name:'act',index:'act', width:175,sortable:false},
    {
        name: 'name',
        index: 'name',
        editable: true,
    }, {
        name: 'country',
        index: 'country',
        editable: true,
    }, {
        name: 'continent',
        index: 'continent',
        editable: true,
    }],
    pager: '#pager',
    'cellEdit': true,
    'cellsubmit' : 'clientArray',
    editurl: 'clientArray',
gridComplete: function(){ 
    var ids = jQuery("#grid").jqGrid('getDataIDs');
    alert(ids);
    for(var i=0;i < ids.length;i++)
    {
        var cl = ids[i]; 
        be = "<input style='height:22px;width:40px;' type='text' value='text1'   />"; 
        se = "<input style='height:22px;width:40px;' type='text' value='text2'  />";  jQuery("#grid").jqGrid('setRowData',ids[i],{act:be+se}); }
          }    
});
</script>