View Full Version : How to make a Tree Grid row Bold in IE?

28 Sep 2012, 12:55 AM
Hi Guys,

I have a requirement, in a Tree Grid i have to make a Root Node bold.I have added the css( ) and based on condition it makes bold in the roodNode. it's working fine in Mozilla but in IE it's making all the text bold. I have defined css
(<style type="text/css">
.text-bold.x-grid3-row td{
font-weight: bolder;
in main.jsp file,

so IE rendering the css before the respective tab activates.

What needs to be done.Please suggest what needs to be done.


1 Oct 2012, 10:08 AM
See if this will help:

.x-grid-cell.bold-node {
font-weight: bold !important;

var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", expanded: false, children: [
{ text: "book report", leaf: true, cls: 'bold-node' },
{ text: "alegrbra", leaf: true}
] },
{ text: "buy lottery tickets", leaf: true }

Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false,
renderTo: Ext.getBody()