grid right side border not coming properly.

[Bharat Buddhadev]

<div tabindex="0" ng-controller="cmisDataController" id="grid" ej-grid e-datasource="data" e-columns="columns" class="gridStyle" e-allowresizing="true" e-toolbarsettings-showtoolbar="true" e-toolbarsettings-toolbaritems="tools" e-editsettings-allowediting="true" e-editsettings-allowadding="true" e-editsettings-allowdeleting="true" e-allowpaging="true" e-allowkeyboardnavigation="true" e-allowscrolling="true" e-allowsorting="true" e-isresponsive="true" e-minwidth="990" ></div>

Sometimes this issue occurs

when we bind gridview or resize it and refresh page in that case this issue occurs

Attachment: border_f0e2141f.rar

[Madhu Sudhanan P]

Hi Bharat,
Thanks for using Syncfusion products.
We have analyzed the image that you have shared with us and found that you have rendered Grid inside Tab control.
While using angular initialization to render Grid inside tab control, we need to call “windowonresize” Grid method in “itemactive” Tab event. Please refer the following code snippets

<div id="mainTab” ej-tab e-itemactive="active”  >

$scope.active = function (args) {

                     if(args.activeIndex == 1){

                //Find the grid element inside the tab

                         var grid = this.element.find(".e-grid").data("ejGrid");

                //call the windowonresize method

                         grid && grid.windowonresize();                      }

                     };

For your convenience we have created a sample and the same can be downloaded from below link.
Sample: http://www.syncfusion.com/downloads/support/forum/119889/ze/gridinsideTab2057085694
Please let us know if you have any queries.
Regards,
Madhu Sudhanan P