Как удалить заголовок в SlickGrid?


Я знаю, что нет API для удаления строки заголовка, но я уверен, что это можно сделать, изменив некоторые CSS. Есть идеи ?

Например, здесь: http://mleibman.github.com/SlickGrid/examples/example4-model.html

Эксперты CSS ! Мне нужна твоя помощь в этом деле. Я заинтересован в изменении кода CSS пакета, который удаляет строку заголовка. Предпочтителен CSS-код, который можно загрузить поверх пакета. Исходный код находится здесь: http://github.com/mleibman/SlickGrid (Нажмите "Загрузить Источник")

5 3

5 ответов:

Короткий ответ состоит в том, что это не поддерживается в SlickGrid, по крайней мере, на данный момент. Обходной путь CSS не работает, потому что SlickGrid использует элементы DOM в заголовке для вычисления размеров видового экрана. Установка его в display:none заставляет SlickGrid думать, что сетка имеет ширину 0 пикселей.

Вы можете обойти его, выполнив $(".slick-header-columns").css("height","0px") с последующим вызовом grid.resizeCanvas(), чтобы избавиться от оставшихся пробелов в нижней части сетки.

Просто добавьте следующие параметры сетки:

headerHeight: 0

А потом в свой css поставьте что-то вроде:

#myGridID .slick-header-columns {
  display: none;
}

У меня была та же проблема, и просто не отображение работает:

$(element).find('.slick-header').css('display', 'none');

Вероятно, это должно сработать:

.slick-header-columns { display: none; }

Еще один способ сделать это-добавить одну строку к слику.сетка.js

Функция createColumnHeaders() { Возвращение; }

Если вы добавляете возврат к первой строке внутри createColumnHeaders, кажется, что он удаляет заголовки.