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 refresh the page in that time this issues occurs.

Attachment: border_bd96cf81.rar

[Alan Sangeeth S]

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,
Alan Sangeeth S