jqwidgets splitter 中添加slickgrid后，grid无法显示问题

我的应用入下：

1 引用jqwidgets生成一个splitter，把窗口分成三部分

2 在最上面的部分加入一个grid

代码：

html 部分：

    <div id='jqxWidget'>
        <div id="topSplitter">
            <div class="splitter-panel">
                <div id="myGrid"></div>
            </div>
            <div class="splitter-panel">
                <div id="bottomSplitter">
                    <div class="splitter-panel" style="overflow: auto;">
                        <!-- <div class="panel panel-inverse" data-sortable-id="tree-view-4">
                            <div class="panel-body" style="padding: 2px"> -->
                                <div id="jstree-ajax"></div>
                            <!-- </div>
                        </div> -->
                    </div>
                    <div class="splitter-panel" style="overflow: auto;">
                        <div class="panel panel-inverse" data-sortable-id="tree-view-4">
                            <pre id="ids" style="float: left; width: auto;">
                            </pre>
                            <pre id="hex" class="hex ascii-click" style="float: left; width: auto; margin-left: 15px;">
                            </pre>
                            <pre id="ascii" class="ascii ascii-click" style="float: left; width: auto; margin-left: 15px;">
                            </pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

js部分：

        $(function () {
            $('#topSplitter').jqxSplitter({ width: "100%", height: "100%", orientation: 'horizontal', panels: [{ size: "50%" }] });
            $('#bottomSplitter').jqxSplitter({ width: '100%', height: '100%', orientation: 'horizontal', panels: [{ size: '50%', collapsible: false }] });        
            grid = new Slick.Grid("#myGrid", dataview, columns, options);
        });

问题？添加完成后，grid数据已经有了，但是数据却无法显示出来

解答：

这是因为html 中，mygrid的高度默认是0，应给mygrid设置一个高度height:100%即可，正确的代码入下：

把如上html中的代码：

<div id="myGrid"></div> 

修改为：

<div id="myGrid" style="height:100%;"></div>

重新运行，grid能正确显示出来。

 

是不是很简单 ：-）