2010-04-28 4 views
3

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

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

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

ответ

6

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

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

+0

Спасибо! Обходной путь работает :) Было бы неплохо иметь эту базовую функцию (?) В будущем. Спасибо за ваше время ! –

+0

@moroshko: Вы всегда можете добавить его в «Проблемы на GitHub» как запрос функции;) – Tin

+4

Вы можете, по крайней мере, с помощью 2.0 задавать стили css, и сетка будет обрабатывать его, явно не требуя этого, с помощью javascript и вызова grid.resizeCanvas(), поскольку он правильно вычисляется на первом рендере. .slick-header-columns { \t высота: 0px; } .slick-header.ui-state-default { \t border: none; } –

1

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

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

Я попробовал это. Это не работает. Остальные клетки также исчезают. –

+0

@ Миша Морошко: Когда я попытался использовать Firebug на странице примера, он работал отлично. Я не вижу ничего в HTML, из-за чего другие ячейки исчезнут. –

+0

Не могли бы вы рассказать мне, где вы добавили этот код с помощью Firebug? –

3

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

headerHeight: 0 

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

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

Другой способ сделать это, чтобы добавить одну строку в пятно. grid.js

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

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

2

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

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

Это отличный ответ, так как он не модифицирует все элементы SlickGrid, а вместо них только те, которые найдены в контейнере! –

 Смежные вопросы

  • Нет связанных вопросов^_^