ansaurus

Question

Answer 1

+3 A:

You need to remove the inline style with removeAttr and then use the css() method like this:

$(".gridHeader").removeAttr('style').css("width","100px");

If you want to apply the width to first column only, you can use the :first filter selector like this:

$(".gridHeader:first").removeAttr('style').css("width","100px");

Sarfraz 2010-10-14 05:25:49

Okay! How can remove it for only first column of the table?

Vikas 2010-10-14 05:29:33

OK! you answered it also!

Vikas 2010-10-14 05:30:10

@Vikas: Welcome...

Sarfraz 2010-10-14 05:30:48

Your answer is correct, but effect is not exactly I want, watch the actual width if I set 500px for first column.

Vikas 2010-10-14 05:41:00

@Vikas: You can set whatever width using `width` method as shown.

Sarfraz 2010-10-14 05:44:13

I ended it, by overriding width of all the columns. thanks..

Vikas 2010-10-14 05:47:21

Answer 2

+1 A:

Works fine for me? Unless I don't understand your "problem".

jAndy 2010-10-14 05:29:46

It is because I set "" as new width, if I set it "100px" then it works, interesting? why?

Vikas 2010-10-14 05:35:20

Answer 3

+1 A:

If you wanted to override the CSS inline, you may have luck doing it like this:

style="width:100px !important;"

Shawn 2010-10-14 05:33:39

Have you tried it in my code? In firebug, it seems that we override it, but effect is not exactly I want, watch the actual width if I set 500px.

Vikas 2010-10-14 05:38:40

Answer 4

+1 A:

I guess your problem is not the first column, but the others, while they still have 100% applied.

$(".gridHeader").css("width","");

...won't work, because you did not set a legal value.

Try this:

$(".gridHeader").not(':first-child').css("width","auto");

Dr.Molle 2010-10-14 05:47:19

How to override css property?