Avatar of Evan Cutler
Evan Cutler
Flag for United States of America asked on

isolating JQGRID CSS

Greetings,
I have a JQGrid that appears to be mis-displaying because it is sitting inside a PHP template that shares the same HTML tags when JQGrid populates.

http://www.cutlerplace.com/physician/messages.php

I need to isolate the JQGrid CSS so it displays regardless of the CSS around it.

Has anyone gone through this?
Thanks
CSSHTMLJavaScript

Avatar of undefined
Last Comment
Evan Cutler

8/22/2022 - Mon
HugoHiasl

surround the grid by a <div id="my-grid-div"></div>

now you can change all css styles for the grid by adding the div name in front of it

a {....}
td {....]
gets

#my-grid-div a {...}
#my-grid-div td {...}

The styles will only be applied to the tags within the named div.
Evan Cutler

ASKER
ok.  Thanks for the response.
I now have this fun issue.

http://www.cutlerplace.com/physician/messages.php

Please help
Thanks.
Evan Cutler

ASKER
It appears that the template is pushing their own css agenda to my grid.
I'll have to figure out how to deal with that first.

Thanks.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
ASKER CERTIFIED SOLUTION
Evan Cutler

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Evan Cutler

ASKER
I changed my mentality.