Sencha Touch2列表中的水平滚动

Question

我有一个包含以下配置的列表，

var grid = Ext.create('Ext.List', {
            scrollable: {
            direction: 'horizontal',
            directionLock: true
        },

    store: compStore,
    itemTpl: '<table width="2000px">
<tr><td width="500px" style="border 1px solid black">{company}</td>
<td width="200px">{price}</td>
<td width="200px">{change}</td>
<td width="200px">{pct}</td>
<td width="200px">{updated}</td>
</tr></table>'

    });

我只能看到屏幕上的前三个字段（它们是：公司，价格，更改），其他列表列我无法看到，因为表太大而无法放入视图中空间。

当我滚动列表（水平）时，我可以看到其他字段，但在释放后，它会再次消失。

正如您在附图中看到的那样，列表只显示了一些列，我无法滚动（水平）列表。

当列表中的内容宽度较大时，如何水平滚动列表。

任何帮助都非常感谢。

Answer 1

使用

scrollable: {
        direction: 'both',
        directionLock: true
},