Extjsの日付フィールドが私のグリッドに奇妙に見える

Question

ExtJs 6.2.0、 を使って1つのdatecolumnで単純なグリッドを作成しましたが、うまく見えません。私は、datepickerがとても狭く奇妙に見えることを意味します。今

xtype: 'gridpanel', 
    reference: 'payordFlowGrid', 
    width: 1000, 
    minHeight: 120, 
    margin: '0 0 10 0', 
    requires: [ 
     'Ext.selection.CellModel', 
     'Ext.grid.column.Action' 
    ], 
    plugins: { 
     ptype: 'cellediting', 
     clicksToEdit: 1, 
     listeners: { 
      beforeedit: function(editor, context, eOpts){ 
       // workaround for error at clicking a widgetcolumn 
       if (context.column.widget) 
        return false; 
      } 
     } 
    }, 
    bind: { 
     store: '{payordflowstore}' 
    }, 
    actions: { 
     del: { 
      glyph: 'xf147@FontAwesome', 
      tooltip: 'Del', 
      handler: 'onGridPayordFlowDel' 
     } 
    }, 
    columns: [ 
     ... 
     { text: '№ п.п.', dataIndex: 'npp', width: 100, 
      editor: { 
       allowBlank: true 
      } 
     }, 
     { xtype: 'datecolumn', 
      header: 'Дата', 
      dataIndex: 'dt', 

      width: 95, 
      format: 'd m Y', 
      editor: { 
       xtype: 'datefield', 
       format: 'd.m.y' 
      } 
     }, 
     { text: 'Расчет.сумма', dataIndex: 'summa6', width: 100 
     }, 
     { xtype: 'checkcolumn', text: 'Подпись', dataIndex: 'signed' } 
     , 
     { 
      menuDisabled: true, 
      sortable: false, 
      xtype: 'actioncolumn', 
      width: 50, 
      items: ['@del'] 
     } 
    ] 
} 

私の質問： はなぜ日付ピッカーはとても奇妙に見えるです：

しかし、私は偉大に見えるthereから煎茶サンプル、見た：あなたのコードで

Answer 1

何も間違っています。デモで使用しているのと同じCSSを使用してください。あなたの現在のCSSは良くありません。