Как убрать заголовок в SlickGrid?

Question

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

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

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

Answer 1

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

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

Answer 2

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

headerHeight: 0

, а затем в вашем CSS положить что-то вроде:

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

Answer 3

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

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

Answer 4

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

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

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

Answer 5

Это, вероятно, должно работать:

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