PagerPlugin not rendering css.

[Lu Tuan Dat]

I'm try to make a list that include paging, so that reason I was build a component display as List (not using any syncfusion package here) and then I was research you paging component or plugin to use with my custom list.
I was follow the below example but look like PagerPlugin not rendering the css as your examples (Althrough I has import css from node_modules):
https://ej2.syncfusion.com/vue/documentation/pager/getting-started/

[Shalini Maragathavel]

Hi Lu Tuan, 

Thanks for contacting Syncfusion support. 

We checked your query and would like to let you know that this problem occurs if the style files for the Pager component are not referenced properly in the application. To resolve your issue we suggest you refer the style files as demonstrated in the below code snippet, 

App.vue 

<template> 

  <div id="app"> 

    <ejs-pager :pageSize="1" :pageCount="3" :totalRecordsCount="20"> 

    </ejs-pager> 

  </div> 

</template> 

 

<script> 

import Vue from "vue"; 

import { PagerPlugin } from "@syncfusion/ej2-vue-grids"; 

 

Vue.use(PagerPlugin); 

export default { 

  data() { 

    return {}; 

  }, 

}; 

</script> 

 

<style> 

@import "https://cdn.syncfusion.com/ej2/18.3.47/material.css"; 

</style> 

Please find the  below sample for more information. 

Sample : https://codesandbox.io/s/297565-edit-in-single-click-forked-r8pk2?file=/src/App.vue

If problem still persists please share us the following information to validate further on this, 

1.  Have you referenced the Syncfusion theme files in your application? 

2. Explain your problem scenario with pictorial representation or video demonstration. 

3. Syncfusion package version. 

4. If possible please replicate the problem with our above attached sample. 

   

Let us know if you have any concerns. 

Regards, 

Shalini M. 

[Lu Tuan Dat]

Thanks for your supporting. Finally I resolved the root issue by import ejs-icons package and remove scoped property out of my style scope :) 
Have a good day in new year :)

[Vignesh Sivagnanam]

Hi Lu Tuan 

We are happy to hear that the provided solution works fine at your end. 

Please get back to us if you need any further assistance. 

Regards 

Vignesh Sivagnanam