Extjs datefield在我的網格中看起來很奇怪

Question

我用ExtJs 6.2.0, 寫了一個帶有一個日期列的簡單網格，但它看起來不太好看。我的意思是日期選擇器非常狹窄和怪異。

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不好。