Question

extjs grid 如何隐藏标题行

extjs grid 如何隐藏标题行
我只要显示下面一行一行的数据
不需要最上面的标题行
现在标题行不写内容
他还是会显示出来

Answer 1

由于用户的需求是在grid中可以单选记录，同时也可以通过点击去掉刚刚选择的记录，因此checkbox是不二选择。radio能满足单选需求，但去掉选择不方便。

具体实现代码如下

var sm = new Ext.selection.CheckboxModel({

      listeners:{ selectionchange: function(model,selected,options) {   } } ,

     model :'SINGLE',

     allowDeselect : true ,

    showHeaderCheckbox : false 

});

主要属性设置达到的目标是：隐藏列上的checkbox,行需要单选，同时亦要能够反选

效果图如下

Answer 2

extjs4中,给grid加入hideHeaders:true这个属性,就可以隐藏表头,只剩下一行一行的数据

追问

有效，多请教个问题，怎么把一行一行的数据背景和边框去了

追答

在页面css中加入

tr.x-grid-record-white .x-grid-td { background: #ffffff;border:0; }

在gridpanel加入

viewConfig : {
    getRowClass: function(record, rowIndex, rowParams, store){
        return 'x-grid-record-white';
    }
},