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

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

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

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

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

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


slickgrid
person Ryan Grow    schedule 16.09.2011    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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