How to remove CgridView table class and add an id

Yii 1.1 General Discussion
1

How to remove Cgridview table class and add an id?

In my page code I have




<table class="items">

but I want it with an id like this




<table id="items">
2

I’m asking this because I need this table id to use in a jquery code.

3

As per current implementation you cannot without extending the CGridView…

But you can always use the class insted of the id in the jQuery…

4

That’s what I did finaly and it work.

thx

5

Found this while looking - here’s a quick fix with JQuery (put in after the widget):

Remove class and add id:

<script>

$(‘table’).removeClass(‘items’);

$(‘table’).attr(‘id’,‘items’);

</script>

Replacing a class:

<script>

$("table").removeClass("items").addClass("table");

</script>

IDs must be unique, so if you have more than one table you can iterate over an index:

<script>

$(‘table’).each(function(index){$(this).attr(‘id’, ‘table’ + index);});

</script>

…which will give you IDs of ‘table1’, ‘table2’, etc.

Yii haw

6

Note that your fix will work only once… on any event like pagination or sorting or filtering you will again get the old classes…

7

Good point - perhaps the script could be updated to rerun on table updates? I used the above script to apply the Twitter Bootstap CSS classes, but then realized I was losing the classes on pagination. Quite annoying.