如何将css应用于extjs grid emptytext？

Question

是否有任何特殊类适用于电网的emptyText？我试图检查与萤火虫检查元素，发现只有这个：

<div id="gridview-1021" class="x-component x-grid-view x-fit-item x-component-default 
x-unselectable" role="presentation" tabindex="-1" style="-moz-user-select: none; width: 398px; height: 150px;"> 
There are no items to show in this view. 
</div> 

好像没有什么特殊类鉴定，并应用CSS来emptyText。有没有什么方法可以添加一个类，或者一种特殊的方式来设置空文本的样式？

注：

我做到这一点，它很好地为我工作：

emptyText: '<div style="width:auto; text-align:center; padding-top:50px; color:red; font-weight:bold;">There are no items to show in this view.</div>' 

Answer 1

columns:[{ 
       header: 'columnName', 
       dataIndex: 'dataIndex', 
       renderer: function(value, metaData, record, rowIndex) { 
         if (value == '') 
         metaData.tdCls = 'emptyText'; 
       } 
}] 

而你应该定义emptyText css规则。此自定义渲染器应用于特定列

Answer 2

从this post上煎茶论坛：

代码：

var grid = new Ext.grid.GridPanel({ 
    cls: 'my-grid', 
    ... 
}); 

CSS：

.my-grid .x-grid-empty {text-align: center; padding-top: <nnn>px;}