extjs6.5中实现grid中列合并

原创于 2020-05-08 16:05:30 发布

· 525 阅读

0 ·

版权

extjs 专栏收录该内容

55 篇文章

订阅专栏

本文详细解析了ExtJS框架中网格(grid)组件的高级配置方法，包括宽度、边框、列线显示、锁定功能、隐藏列、排序、汇总功能等设置。通过具体示例，展示了如何使用'grid'组件实现数据展示、操作列定义、数据格式化及汇总统计，为开发者提供了实用的代码参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xtype: 'grid',
width: '100%',
margin: '0 0 10px 0',
border: true,
columnLines: true,
enableLocking: true,
enableColumnHide: false,
sortableColumns: false,
features: [{
ftype: 'summary'
}],
store: store,
columns: [
{
xtype: 'actioncolumn',
text: '操作',
align: 'center',
width: 50,
items: [{
iconCls: 'x-fa fa-check',
tooltip: '',
handler: '#'
}
],
summaryRenderer: function (value, column, id, metaData) {
metaData.innerCls = "";
metaData.tdAttr = "colspan=2";
return "合计";
}
},
{
text: '',
align: 'center',
width: '44.5%',
dataIndex: 'sourceoffunds',
summaryRenderer: function (value, column, id, metaData) {
metaData.tdStyle = "display:none";
}
}, {
text: '',
align: 'right',
width: '44.4%',
dataIndex: 'budgetamount',
renderer: 'showFormatAmount',
summaryType: 'sum'
}