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
close icon

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


Attachment: border_bd96cf81.rar

1 Reply

AS Alan Sangeeth S Syncfusion Team August 12, 2015 10:01 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.

Regards,
Alan Sangeeth S

Loader.
Live Chat Icon For mobile
Up arrow icon