How to align rows in grid?

@tribis Hey there. I have a serious issue in aligning my rows. Whenever grid is load it squeezes the row and if I slightly change the size of browser then it surprisingly become correctly aligned I dont whats the issue behind this. Waiting for your help please as early as possible. I have attached screen shot and the piece of code which will clear you my issue.

CODE:

$("#userUpdation").jsGrid({
        height: "100%",
        width: "100%",
        filtering: false,
        inserting:false,
        editing: true,
        selecting: true,
        sorting: false,
        paging: true,
        autoload: true,
        pageSize: 10,
        pageButtonCount: 5,
        controller: {

            loadData: function (filter) {
                return $.ajax({
                    type: "GET",
                    url: "/updateUser",
                    data: filter,
                    success: function (result){
                              **$('#userUpdation').jsgrid('render');**
                    }
                });
            }
        }
    });

[tabalinas]

Glad that you figured it out. You are welcome!

[usmannoor]

@tabalinas Thanks man it is working now. I had an invisible container and I was unaware of it now all things are clear. Thanks for your help.