javascript - 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>'

    });

画面には最初の 3 つのフィールド (会社、価格、変更) しか表示されません。テーブルが大きすぎてビュー スペースに収まらないため、残りのリスト列は表示されません。

リストを（水平に）スクロールすると、他のフィールドが表示されますが、離すと再び消えます。

添付の画像でわかるように、リストには一部の列のみが表示されており、リストを (水平に) スクロールできません。

リスト内のコンテンツの幅が大きい場合、リストを水平方向にスクロールするにはどうすればよいですか。

どんな助けでも大歓迎です。

Answer 1

使用する

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