Ширина сетки Kendo React равна 0

Я использую кендо в своем проекте. в компоненте datagrid таблица с шириной класса k-grid-table равна 0! в чем проблема ?

как показано ниже

Укажите соответствующий код в вопросе.

— 12.07.2018 15:10

reactjs kendo-grid kendo-react-ui

12.07.2018 15:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

367

Ответы 1

Ширина рассчитывается как сумма ширины всех столбцов в пикселях, только если каждый из них имеет ширину. Таким образом, у вас либо нулевые столбцы, либо все они имеют нулевую ширину.

Вот фактический код:

    Grid.prototype.resetTableWidth = function () {
    var totalWidth = 0;
    if (!this.columnResize.colGroupMain) {
        return;
    }
    var colElements = this.columnResize.colGroupMain.children;
    for (var i = 0; i < colElements.length; i++) {
        var width = colElements[i].width;
        if (!width) {
            return;
        }
        totalWidth += parseFloat(width.toString());
    }
    totalWidth = Math.round(totalWidth);
    if (this._header) {
        this._header.setWidth(totalWidth);
    }
    if (this.vs.table) {
        this.vs.table.style.width = totalWidth + 'px';
    }
};

От https://unpkg.com/@progress/[email protected]/dist/es/Grid.js (текущая последняя версия для разработчиков)

16.07.2018 07:57