Extjs 表格的样式设计

collapsible:true,设置表格是否可折叠

animCollapse:true,设置表格折叠的效果

iconCls:'grid',在表格的标题旁边添加css样式的图片

columnLines：添加列的框线样式

frame:为表格填充画面

selModel:选择模式

当数据的长度大于设定的height的时候会自动的添加滚动条

在columns里添加 Ext.create('Ext.grid.RowNumberer')会自动为每一行添加标号

dockedItems：将一系列的组件作为dockedItems添加到panel中。为表格添加组件。通常放置于上下左右。一般用于:toolbars 或者 tab bars。-工具条

dock属性用来设定工具条的位置。可以子啊工具条中插入组件items:[{ text:'save'}]

还可以为控件添加相关样式

可以将多个header进行分组设定

{
text:'identity',
columns:[
{
text:'address',
dataIndex:'address',
sortable:true
},
{
text:'birthday',
dataIndex:'birthday',
flex:1,
sortable:false
}
]
}

为表格添加一个chexbox

使用库文件所带的examples/ux中的Checkcolumn.js 样式下的CheckHeader.css样式