Extjs 5.0.1：当我们将边界半径赋予网格或其任何父级时，滚动时在网格中获得空白

Question

问题：滚动网格时出现空白。当我们将鼠标悬停在网格上时，空白消失。

步骤：通过css / style配置将border-radius css属性分配给网格。

示例代码：

Ext.create('Ext.grid.Panel', {
   style:'border-radius:4px;',
});

这是 Fiddle

注意：这发生在Chrome版本 68.0.3440.42 （正式版本）测试版（64位）中。

请建议是否有任何解决方法或任何修复方法！

我还想问为什么我们要进行 transform：x-grid-item-container div的translation3d（0px，0px，0px）。

Answer 1

您可以通过使用overflow: visible;样式的grid属性来解决此问题。

您可以检查此工作 FIDDLE 。

代码片段

Ext.application({
    name: 'Fiddle',

    launch: function () {

        Ext.create('Ext.grid.Panel', {
            style: 'border-radius:4px;overflow: visible;',
            title: 'DEMO',
            store: {
                type: 'datastore',
                autoLoad: true
            },
            columns: [{
                text: 'Name',
                dataIndex: 'name',
                flex: 1
            }, {
                text: 'Email',
                dataIndex: 'email',
                flex: 1
            }, {
                text: 'Phone',
                dataIndex: 'phone',
                flex: 1
            }],
            height: 200,
            renderTo: Ext.getBody()
        });
    }
});