Question

I have a strange issue.

I have a table that will show the output as

User1
User2
User3
User4

......

That will have lot of rows.

Now this is the output of some control

I want to show the data as

User1   User3
User2   User4

OR

User1   User2
User3   User4

So my table is split to show two columns in-spite of one.

I am trying to use some after method of jquery but no sucess.

There is no header of the table.

Any help is appreciated.

EDIT

The whole html is a output that was generated by asp.net grid view.

Since grid view supports paging so i go with gridview and then as per the reuirement i want to split it.

Answer 1

Finally I solved my problem using:

$(document).ready(
    function () {


        for (var i = 0; i <= $('.grid tr').length - 3; i = i + 2) {
            $('.grid tr').eq(i).append($('.grid tr').eq(i + 1).html());
            $('.grid tr').eq(i + 1).hide();
        }
    }
);