css - Angular UI grid - unable to mask pagination controls -


i using angular-bootstrap ui grid. want create spinner , mask grid when data loading. have used http://plnkr.co/edit/eq1ot49njegq6wts389k?p=preview create spinner. problem when use pagination mask used not mask pagination controls. please refer snapshot. how can achieve mask on pagination controls?

i have added following controls app.js file

 vm.gridoptions.paginationpagesizes= [5,10,15];  vm.gridoptions.paginationpagesize= 5; 

enter image description here

you can hide pagination controls setting enablepaginationcontrols = false when data loading or there no data. can achieved setting watch on vm.loading , whenever changes, change gridoptions settings.

see plunkr example

by way, angular ui grid not part of bootstrap framework, it's part of angularui suite.


Comments

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -