PDA

View Full Version : [OPEN] Table layout doesn't display correctly



WutongDeath
22 Oct 2013, 1:13 AM
Ext version tested:

Ext 4.2

Browser versions tested against:

Chrome

Description:

Table layout doesn't display correctly. (columns:3, and 1*1, 2*1, 2*1, 1*1)

Steps to reproduce the problem:

https://fiddle.sencha.com/#fiddle/13j

Ext.onReady(function() {
var panel = Ext.create('Ext.Panel', {
renderTo: Ext.getBody(),
layout: {
type: 'table',
columns: 3
},
items:[{
title:'Item 1',
colspan:1,
rowspan:1,
width:100,
height:100
},{
title:'Item 2',
colspan:2,
rowspan:1,
width:200,
height:100
},{
title:'Item 3',
colspan:2,
rowspan:1,
width:200,
height:100
},{
title:'Item 4',
colspan:1,
rowspan:1,
width:100,
height:100
}]
});
});

The result that was expected:

|----|---------|
| | |
|----|----|----|
| | |
|---------|----|
The result that occurs instead:

|----| |---------|
| | | |
|----|----|----|----|
| | |
|---------|----|-----

Gary Schlosberg
22 Oct 2013, 5:32 AM
Thanks for the report! I have opened a bug in our bug tracker.