Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在Ext.grid.column.Action中垂直对齐_Javascript_Css_Extjs_Extjs4 - Fatal编程技术网

Javascript 是否可以在Ext.grid.column.Action中垂直对齐

Javascript 是否可以在Ext.grid.column.Action中垂直对齐,javascript,css,extjs,extjs4,Javascript,Css,Extjs,Extjs4,使用extjs action列,我可以水平居中放置action列的图标,但是我无法垂直对齐图标,这导致了一个奇怪的布局 { xtype: 'actioncolumn', tooltip: this.self.QUICKLOOK_TOOLTIP, tdCls: 'action-column', isDisabled: function(view, rowIndex, colIndex, item, record) {

使用extjs action列,我可以水平居中放置action列的图标,但是我无法垂直对齐图标,这导致了一个奇怪的布局

{
    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
}
有没有人能解决如何使用action column组件进行垂直对齐的问题


最好的方法是添加
垂直对齐:中间对齐到您的CSS,如下所示:

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

忘了这个还开着,谢谢你回复我。是的,这样做就可以了,但它会改写所有ext网格的行为方式。最好添加一个外部cls和一个!覆盖ext base CSS的重要标志不需要
!本例中的重要标志。如果您只希望它出现在特定网格的action列中,则始终可以使用
.specific grid class.x-grid-cell.action列
选择器。