We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

grid right side border not coming properly.

<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

1 Reply

MS Madhu Sudhanan P Syncfusion Team August 12, 2015 11:15 AM UTC

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.
Madhu Sudhanan P

Live Chat Icon For mobile
Up arrow icon