如何在Extjs Grid中始终显示箭头图标？

在Extjs Grid中始终显示箭头图标，可以通过自定义渲染函数来实现。以下是一个示例代码：

Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [{
        text: 'Name',
        dataIndex: 'name',
        flex: 1
    }, {
        text: 'Age',
        dataIndex: 'age',
        flex: 1
    }, {
        text: 'Gender',
        dataIndex: 'gender',
        flex: 1,
        renderer: function(value, metaData, record) {
            // 根据value的值来确定箭头图标的显示
            if (value === 'Male') {
                metaData.tdCls = 'arrow-up-icon'; // 自定义CSS类名，用于显示箭头图标
            } else if (value === 'Female') {
                metaData.tdCls = 'arrow-down-icon'; // 自定义CSS类名，用于显示箭头图标
            }
            return value;
        }
    }],
    renderTo: Ext.getBody()
});

在上述代码中，我们通过给renderer属性传递一个自定义函数来实现对Gender列的渲染。根据value的值，我们可以决定显示哪个箭头图标。在函数中，我们通过修改metaData.tdCls属性来指定要显示的箭头图标的CSS类名。

你可以根据实际需求自定义CSS类名，并在CSS文件中定义相应的样式，以显示所需的箭头图标。

这是一个简单的示例，你可以根据自己的实际情况进行修改和扩展。如果你需要更多关于Extjs Grid的信息，可以参考腾讯云的Extjs Grid文档。