Заголовок SlickGrid переносится при наличии нескольких сотен столбцов

Question

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

Похоже, что ширина заголовка установлена ​​на 10000px, а ширина ячеек строки может быть намного шире, и это является причиной проблемы рендеринга.

Стиль для slick-header-columns явно устанавливается slick.grid.js в: style = "width: 10000px; left: -1000px".

Когда я проверяю css с помощью firebug в этом состоянии обтекания, я вижу, что ширинадля каждой скользящей строки установлено значение: 12805 пикселей.Когда я вручную изменяю ширину столбцов slick-header-column на 15000px, рендеринг выполняется правильно, и заголовок больше не переносится.

Есть ли способ программно обновить ширину заголовка, чтобы он мог вместить всеячеек столбца?

Answer 1

Мое решение этой проблемы состояло в том, чтобы изменить функцию setCanvasWidth в slick.grid.js, чтобы она обновляла ширину заголовка и ширину холста:

    function setCanvasWidth(width) {
        $canvas.width(width);
        if (width > $headers.width()) {
           $headers.width(width + 1000);
        }
        viewportHasHScroll = (width > viewportW - scrollbarDimensions.width);
    }