ext grid怎么自适应宽度

Posted 2023-05-15

参考技术A 用.x-grid3-header-offsetwidth:auto; 就可以实现；
参考代码如下：
/*store之类的就省略了*/

var sm = new Ext.grid.CheckboxSelectionModel(
handleMouseDown : function()
);

var gridColumn = new Ext.grid.ColumnModel([
sm,
header:'地市',dataIndex:'areaName',width:200,
header:'品牌',dataIndex:'brandName',width:200,
header:'指标',dataIndex:'busiTypeName',width:200,
header:'1日',dataIndex:'day1',width:200,
header:'2日',dataIndex:'day2',width:200,
header:'3日',dataIndex:'day3',width:200,
header:'4日',dataIndex:'day4',width:200,
header:'5日',dataIndex:'day5',width:200
]);

var gridPanel = new Ext.grid.GridPanel(
id: 'gridPanelId',
cm: gridColumn,
sm: sm,
ds: gridStore,
frame: true,
autoScroll: true,
height: 550,
tbar: topToolbar,
bbar: new Ext.PagingToolbar(
id: 'pagingToolbarId',
store: gridStore,
displayInfo: true,
pageSize: 10
)
);

var linePanel = new Ext.Panel(
id: 'linePanelId',
frame: true,
contentEl: 'myChartId',
height: 550
);

var backPanel = new Ext.Panel(
id: 'backPanelId',
frame: true,
autoScroll: true,
items: [gridPanel, linePanel]
);

new Ext.Viewport(
layout: 'fit',
items: backPanel

注意：不要设置viewConfig: forceFit: true，这个是把列宽(即ColumnModel的宽度)设置为自动宽度，不是整个GridPanel的宽度。

怎么让div的宽度不变，高度自适应内容的高度，新手求举例，谢谢

参考技术A 在设置好宽度，不设置高度的情况下，父级div的高度本身就是根据子级div高度自适应的，不需要主动设置。但是如果子级div有浮动或者绝对定位，就不会对父级div的高度产生影响，高度也就无法自适应了。这种情况就需要给父级div清浮动（父级自适应，子级绝对定位是无法实现的）。

希望对你能有所帮助 参考技术B <div style="width:300px; float:left; height:auto;">
</div>
这样写 就可以了 不过 div 里面的 子元素 要都有float:left;这属性
例如：
<div style="width:300px; float:left; height:auto;">
<div style="width:100px; float:left; height:150px; background:#000;">

</div>
希望能对你有帮助本回答被提问者采纳 参考技术C height:auto;