关于ExtJS网格中如何使列宽100%,可以通过以下方法实现:
在ExtJS网格中,可以使用百分比设置列宽,例如:
columns: [
{
text: '列1',
dataIndex: 'field1',
flex: 1
},
{
text: '列2',
dataIndex: 'field2',
flex: 1
}
]
在上述代码中,使用flex: 1
设置列宽为100%,即占据整个网格宽度。
forceFit
属性在ExtJS网格中,可以使用forceFit
属性来使列宽自适应,例如:
Ext.create('Ext.grid.Panel', {
title: '网格',
store: store,
columns: [
{
text: '列1',
dataIndex: 'field1',
flex: 1
},
{
text: '列2',
dataIndex: 'field2',
flex: 1
}
],
forceFit: true,
renderTo: Ext.getBody()
});
在上述代码中,使用forceFit: true
属性来使列宽自适应,即占据整个网格宽度。
viewConfig
属性在ExtJS网格中,可以使用viewConfig
属性来设置列宽为100%,例如:
Ext.create('Ext.grid.Panel', {
title: '网格',
store: store,
columns: [
{
text: '列1',
dataIndex: 'field1',
flex: 1
},
{
text: '列2',
dataIndex: 'field2',
flex: 1
}
],
viewConfig: {
columnLines: true,
stripeRows: true,
enableTextSelection: true
},
renderTo: Ext.getBody()
});
在上述代码中,使用viewConfig
属性来设置列宽为100%,即占据整个网格宽度。
总之,在ExtJS网格中,可以使用以上方法来实现列宽为100%的效果。
领取专属 10元无门槛券
手把手带您无忧上云