0

网格列标题分组在 Google Chrome 和 Edge 中不正确，但在 Firefox 中有效。

使用 ExtJS 6.0 - 7.5 进行测试

查看详细截图

可以用代码重现错误

Ext.create('Ext.data.Store', {
    storeId: 'simpsonsStore',
    fields:[ 'name', 'email', 'phone'],
    data: [
        
        { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },
        { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' },
        { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' },
        { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' }
    ]
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    columnLines: true,
    
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone ...', columns: [
                { text: 'Phone1', width : 75, dataIndex: 'phone' },
                { text: 'Phone2', width : 75, dataIndex: 'phone' },
                { text: 'Phone3', width : 75, dataIndex: 'phone' },
                { text: 'Phone4', width : 75, dataIndex: 'phone' },
                { text: 'Phone5', width : 75, dataIndex: 'phone' },
                { text: 'Phone6', width : 75, dataIndex: 'phone' },
                { text: 'Phone7', width : 75, dataIndex: 'phone' },
                { text: 'Phone8', width : 75, dataIndex: 'phone' },
                { text: 'Phone9', width : 75, dataIndex: 'phone' },
                { text: 'Phone10', width : 75, dataIndex: 'phone' }
            ]}
        ],
    renderTo: Ext.getBody()
    
});
4

0 回答 0