Extjs 5.0.1: получение пустого пространства в сетке при прокрутке, когда мы передаем border-radius для сетки или любого ее родителя - PullRequest
Новая
       7

Extjs 5.0.1: получение пустого пространства в сетке при прокрутке, когда мы передаем border-radius для сетки или любого ее родителя

0 голосов
/ 05 июля 2018

Проблема: получение пустого пространства при прокрутке сетки. Этот пробел исчезает, когда мы наводим курсор мыши на сетку.

Шаги: Назначить свойство css границы-радиуса для сетки через конфигурацию css / style.

Пример кода: 

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

Это Скрипка

Примечание: это происходит в chrome версии 68.0.3440.42 (Официальная сборка) бета (64-разрядная версия).

Пожалуйста, предложите, если есть обходной путь или какое-либо исправление !!

Также я хотел спросить, почему у нас transform: translate3d (0px, 0px, 0px) для x-grid-item-container div.

1 Ответ

0 голосов
/ 05 июля 2018

Вы можете решить эту проблему, используя overflow: visible; свойство в стиле grid.

Вы можете проверить эту работу FIDDLE .

КОД SNIPPET 

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()
        });
    }
});
...