Extjs 5.0.1：当我们为网格或其任何父级提供边框半径时，滚动时在网格中变白 space

Question

问题：滚动时变白 space grid.This 当我们将鼠标悬停在网格上时，变白 space 消失。

步骤：通过css/style配置将边框半径css属性分配给网格。

示例代码：

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

这是Fiddle

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

如果有任何解决方法或任何修复，请提出建议！！

另外我想问一下为什么我们有 transform: translate3d(0px, 0px, 0px) for x-grid-item-container div.

Answer 1

您可以使用 overflow: visible; property on 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()
        });
    }
});

Extjs 5.0.1：当我们为网格或其任何父级提供边框半径时，滚动时在网格中变白 space

Extjs 5.0.1: Getting white space in grid while scrolling when we give border-radius to grid or to its any parent

extjs

extjs5