jquery easyui TreeGrid: Как сделать только заголовки столбцов Bold

Я использую jQuery EasyUI TreeGrid. Как изменить стиль только для заголовков столбцов?jquery easyui TreeGrid: Как сделать только заголовки столбцов Bold

Вот fiddle. Может кто-нибудь показать, как сделать только заголовки Bold?

В документации о том, как стилизовать только заголовки, нет никакой помощи. Я предполагаю, что это нужно сделать, перезаписав некоторый css. Я пытался делать это, глядя на стили в Firebug

.datagrid-header { 
    font-weight: bold !important; 
}

, но это не помогает, как easyui переопределяет его каким-то образом. Я также пробовал несколько других правил, но я не могу это понять.

Спасибо!

источник

2013-03-12 Shaunak

Можете ли вы поделиться финальной скрипкой? У меня есть аналогичная проблема при изменении trat, th, td, ячеек, шрифтов, прокрутки datagrid и т. Д. Где вы добавили этот настраиваемый код css? Насколько я вижу, вы получаете доступ к нему через 'http', вы сохранили его как локальный файл css? – aspiring

Попробуйте это.

.datagrid-cell span {font-weight:bold;} 
// or 
.datagrid-row-over, .datagrid-header td.datagrid-header-over {font-weight:bold;}

источник

2013-03-12 01:32:53

Спасибо! Кажется, это работает только с одной проблемой. Теперь все заголовки выделены жирным шрифтом, но все значения в первом столбце также выделены жирным шрифтом! Я фактически использую TreeGrid, а не DataGrid. Я только что исправил это в вопросе. Моя вина! Как мне изменить это, чтобы не сделать весь первый столбец полужирным? – Shaunak

Извините, не понял, что вы обновили ответ. Первый вариант работает со всем первым столбцом, полужирным шрифтом вместе с заголовками! Второе решение вообще не работает. – Shaunak

Получил! изменил его на .datagrid-заголовок span { \t font-weight: bold; } и это сработало! благодаря! – Shaunak

jquery easyui TreeGrid: Как сделать только заголовки столбцов Bold

ответ

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