JavaScriptOnDemandGrid和TabContainer

我有一个应用程序，其中用户输入一个值，应用程序执行查询并返回一些记录

结果被放入两个网格：一些结果将进入一个选项卡中的一个网格，其他结果将进入第二个选项卡中的另一个网格

一切都很好，除了网格看起来不好，我似乎不知道如何让它看起来更好

问题1： Tab1 tabPOU：是选定/活动选项卡。网格看起来不错，但有点太宽，所以垂直滚动条很难使用。 tab2tabpod：与Tab1中的问题相同，但这里有一个真正的问题。记录的第一行写在头的顶部。如果我将其设置为选中的选项卡，网格看起来很好，但是Tab1在标题顶部写入第一行时出现问题

问题2： 这我真的不明白。当我在脚本中创建网格时，我必须将它放在Tab1中。在选项卡中使用div id=grid将不起作用

我试图注释掉所有可能产生影响的ccs文件。没关系。我在用边距和填充物创建新样式时遇到了麻烦。我尝试过使用window.grid使事物全球化

如果必须的话，我可以接受问题2的解决方案。但我真的需要弄清楚为什么我的结果会乱成一团

HTML部分：

<div id="wrResults" class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter: true, region: 'bottom'" style="height: 25%">
    <div style="width: 100%; height: 90%; ">
        <div data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%;">
            <div data-dojo-type="dijit/layout/ContentPane" id="tabPOU" title="POU" data-dojo-props="selected:true" style=" height: 100%; width: 90%; "></div>
            <div data-dojo-type="dijit/layout/ContentPane" id="tabPOD" title="POD"></div>
        </div>
    </div>
</div>

去做查询。。。 将结果放在两个网格中这里是一个网格的代码

var pod_store =  new Memory({data: pod_data_list});

pod_grid = new Grid({
    store: pod_store,
    columns:{        
        pod_display: "Water Right",
        wr_type: "Water Type",
        name_first:  "First Name",
        name_last:  "Last Name" ,
        name_company: "Company"
    },
    loadingMessage: "Loading data ...",
    noDataMessage: "No results found.",
}, "tabPOD"); 
pod_grid.startup();
pod_grid.renderArray(pod_data_list);           

---

欢迎任何建议。

您似乎正在加载dgrid/extensions/DijitRegistry，但根据您包含的代码片段，不清楚您是否真的将其混合到网格构造函数中，因为它看起来就像网格只是OnDemandGrid的局部变量的名称。我想我实际上没有在任何地方使用它。我相信我在一定程度上解决了这个问题。我使用了启动和渲染。如果我把这家初创公司拿出来，效果会更好。这一行仍有一些变化，但看起来好多了。

var pod_store =  new Memory({data: pod_data_list});

pod_grid = new Grid({
    store: pod_store,
    columns:{        
        pod_display: "Water Right",
        wr_type: "Water Type",
        name_first:  "First Name",
        name_last:  "Last Name" ,
        name_company: "Company"
    },
    loadingMessage: "Loading data ...",
    noDataMessage: "No results found.",
}, "tabPOD"); 
pod_grid.startup();
pod_grid.renderArray(pod_data_list);