2015-12-22 2 views
1

Я хочу изменить цвет одного столбца в JQgrid. Я меняю цвет одной строки на какое-то условие в jqgrid, но теперь я хочу изменить цвет одного полного столбца jqgrid. Я искал, но я ничего не нашел об этом? если есть какой-либо способ или любой вопрос задал, пожалуйста, напишите мне.Есть ли способ изменить цвет столбца в JQgrid?

Например: 3 строки в JQgrid (UserId, Username, Cnic) Цвет всей колонки USerid должен быть изменен.

+1

См. [Старый ответ] (http://stackoverflow.com/a/12180842/315935) – Oleg

+0

Спасибо @Oleg. Жду твоего ответа. Да, это может быть полезно. Но есть ли способ изменить полный цвет колонок. Я точно знаю столбец, который цвет я хочу изменить. Я могу сделать это с изменением цвета ячейки по ячейке, но я хочу знать без ячейки по ячейке. – Umer

+0

Добро пожаловать! Извините, но я не понимаю всю логику. У вас есть данные или страница данных (вы не размещаете никаких сведений о том, загружаете ли вы данные с сервера или нет, и загружаете ли вы ** все строки сразу ** с сервера, используя 'loadonce: true' или не). Теперь вы пишете, что хотите установить столбец столбца * whole column *. HTML-таблица не может установить цвет столбца: только цвет ячейки или цвет строки. Вы все равно можете использовать атрибут 'classes' элемента colModel' для установки класса для * всех ячеек * в столбце. Возможно, вам нужно выбрать способ, но * когда * вы должны установить его? – Oleg

ответ

1

Если вы хотите изменить цвет весь столбец, то вы должны лучше использовать classes свойство столбец и необязательно labelClasses, если вы используете мою вилку jqGrid (free jqGrid), и вы хотите дополнительно изменить столбец заголовка столбца.

Важно, чтобы вы правильно определили правило CSS для класса, используемого в /labelClasses. Если вам нужно установить background-color, тогда вы должны установить background-image: none; дополнительно, чтобы удалить фоновое изображение, унаследованное от классов пользовательского интерфейса jQuery.

В качестве альтернативы вы можете использовать обратный вызов cellattr в столбце, чтобы установить атрибут class или style во всех ячейках столбца. См. the answer для более подробной информации.

Важно отметить, что нет способа установить свойство CSS в столбце HTML <table>. Свойство можно установить только в строке (<tr>) или в ячейке (<td>). В общем, можно использовать col и colgroup, но у него очень ограниченные возможности, и возможности зависят от версии HTML, которую вы используете, и от веб-браузера. Все попытки использовать его практически не удались, и jqGrid не использовали эту возможность.

1

Возможно, это поможет, но без кода это трудно понять, что именно вам нужно: How to change the color of jqGrid cell?

+0

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

+1

Лучшее, что нужно сделать, это пройти через доступные методы и посмотреть, что вы можете использовать: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods Вы также можете попробовать использовать ' setCell(); 'в цикле for, где вы выбираете нужный столбец и повторяете изменение цвета для каждой ячейки этого столбца. –

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