Ext多层表头 树形表格

[quote]
需要引入ColumnHeaderGroup.css、ColumnHeaderGroup.js
[/quote]

var continentGroupRow=[
{ header:'',align: 'center',colspan: 4},
{header:'VaR95%',align:'center',colspan:2},
{header:'VaR97%',align:'center',colspan:2},
{header:'VaR99%',align:'center',colspan:2}
];
var columns=[
{id:'pname',header: "证劵代码", width:150, sortable: false, dataIndex: 'pname'},
{header: "证劵名称", sortable: true, dataIndex: 'portname'},
{header: "持仓数量", sortable: true, dataIndex: 'absolute1'},
{header: "证券价格", sortable: true, dataIndex: 'absolute2'},
{header: "市值", sortable: true, dataIndex: 'price'},
{header: "持仓成本", sortable: true, dataIndex: 'absolute3'},
{header: "绝对值", sortable: true, dataIndex: 'price'},
{header: "占比", sortable: true, dataIndex: 'absolute3'},
{header: "绝对值", sortable: true, dataIndex: 'price'},
{header: "占比", sortable: true, dataIndex: 'absolute3'}
];
var fields=[
{name: 'pname'},
{name: 'portname'},
{name: 'price'},
{name: 'absolute1'},
{name: 'absolute2'},
{name: 'absolute3'},
{name:'_parent'},
{name: '_id'},
{name: '_level', type: 'int'},
{name: '_lft', type: 'int'},
{name: '_rgt', type: 'int'},
{name: '_is_leaf', type: 'bool'}
];

var group = new Ext.ux.grid.ColumnHeaderGroup({
rows: [continentGroupRow]
});

var record = Ext.data.Record.create(fields);
var store = new Ext.ux.maximgb.treegrid.NestedSetStore({
autoLoad : true,
reader: new Ext.data.JsonReader({id: '_id'}, record),
proxy: new Ext.data.MemoryProxy()
});
var grid = new Ext.ux.maximgb.treegrid.GridPanel({
store: store,
master_column_id : 'pname',
height: 340,
id:'pgrid',
iconCls: 'icon-grid',
collapsible: true,
animCollapse: false,
columns:columns,
stripeRows: true,
autoExpandColumn: 'uname',
title: '组合详细信息',
viewConfig : {
forceFit: true
},
plugins: group,
renderTo:'grid1'
});
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值