是否有可能在Ext.grid.column.Action

Question

http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.grid.column.Action

垂直對齊使用一個ExtJS操作列我能爲行動柱水平居中的圖標，但我無法垂直對齊圖標，這導致了奇怪的外觀佈局。

{ 
    xtype: 'actioncolumn', 
      tooltip: this.self.QUICKLOOK_TOOLTIP, 
      tdCls: 'action-column', 
      isDisabled: function(view, rowIndex, colIndex, item, record) { 
       return !this.quicklookable(record); 
      }, 
      getClass: function(value, metaData, record) { 
       return this.quicklookable(record) ? 'bui-icon quicklook' : ''; 
      }, 
      itemId: 'activityListOpenQuicklook', 
      width: 50, 
      align: 'center', 
      handler: function(grid, rowIndex, colIndex, item, evt, record, row) { 
       this.fireEvent('openQuicklook', record); 
      }, 
      scope: this 
} 

有沒有人有如何垂直對齊使用動作列組件的解決方案？

Answer 1

最好的辦法是增加vertical-align: middle;你的CSS，像這樣：

.x-grid-cell.action-column { 
    vertical-align: middle; 
} 

Answer 2

不知道它的工作，但也許你可以給一個嘗試添加style並使用CSS vertical-align：

style: { 
      vertical-align: "middle" 
     }