View Full Version : [FIXED] [4.2b] Grid column flex doesn't work if that column consists inner columns

23 Dec 2012, 10:33 PM

Ext version tested:

Ext 4.2 beta

Browser versions tested against:


DOCTYPE tested against:

<!DOCTYPE html>


The grid column flex option doesn't work if that column consists inner columns.

Steps to reproduce the problem:

Just run the sample

The result that was expected:

The second column fills all the remaining space.

The result that occurs instead:

The second column is not stretched.

Test Case:

<!DOCTYPE html>
<title>Grid grouped column flex</title>

<link rel="stylesheet" href="../resources/css/ext-all.css" />

<script src="../ext-all-debug.js"></script>

Ext.onReady(function () {
Ext.create("Ext.grid.Panel", {
renderTo: Ext.getBody(),
width: 500,
store: {
fields: [{
name: "test1"
}, {
name: "test2"
autoLoad: true,
proxy: {
data: [
["test1", "test2" ]
type: 'memory',
reader: {
"type": "array"
columns: {
items: [{
dataIndex: "test1",
text: "Test1"
}, {
dataIndex: "test2",
text: "Test2",
flex: 1,
columns: [{
dataIndex: "test1",
text: "Test1"
}, {
dataIndex: "test1",
text: "Test1"


26 Dec 2012, 8:16 AM
Yeah, I would expect that the grouped header would be able to use a flex and the child columns have that width to use or if the child columns are using a fixed width then it would make the grouped header increase. Be much more like hbox layout.

Thanks for the report! I have opened a bug in our bug tracker.

3 Sep 2013, 6:27 PM
Yes, this would be most excellent (still a problem in 4.2.1).