Как переносить заголовок столбца в Slickgrids

Question

Я недавно начал работать с slickgrids.Так что получается много и много сомнений.Как можно переносить заголовки столбцов в slickgrids

Answer 1

fwiw, автор slick grid отвечает на этот вопрос здесь: https://github.com/mleibman/SlickGrid/issues/61

Answer 2

Я решил это, отредактировав 2 тега CSS:

В slick-default-theme.css:

.slick-header-columns {
    white-space: pre !important;
    height: 45px;
}

height здесь настраивается в соответствии с вашими потребностями. Это было хорошо, чтобы отобразить 3 строки.

В slick.grid.css измените настройки height на теге ниже на 100%:

.slick-header-column.ui-state-default {
    ...
    height: 100%;
    ...
}

Надеюсь, это поможет!

Answer 3

Я создал собственный класс CSS для включения / выключения функциональности:

.slickgrid-word-wrap .slick-cell {
    white-space: normal;
    overflow: auto;
}

А затем в моем div контейнере:

<div id="my-grid"
     class="slickgrid-word-wrap"></div>

И вы все еще можете установить строкуВысота в конфигурации SlickGrid выглядит так:

var options = {
            editable: false,
            enableCellNavigation: false,
            autoExpandColumns: false,
            forceFitColumns: false,
            showFooterRow: false,
            explicitInitialization: true,
            multiColumnSort: false,
            rowHeight: 50 // <--- here
        };