The world's No. 1 Excel component for Vue developers

1. Go to the Vue app folder and install the SpreadJS library.

npm install @mescius/spread-sheets

npm install @mescius/spreadsheets

2. Add a css file to apply SpreadJS styles.

Access the App.vue file of the Vue app you will be working on and add the SpreadJS css file.

Add the CSS file with the desired style from among the various CSS files. (Check the entire theme)

// App.vue

import  '@mescius/spread-sheets/styles/gc.spread.sheets.excel2016colorful.css';

3. Set the Korean cultural sphere.

1) Install resource package. ex) Korean

npm install @mescius/spread-sheets-resources-ko

2) In the App.vue file Add code to import the Korean resource package within the <script></script> tag.

// App.vue

import '@mescius/spread-sheets-resources-ko'      ;

3) Add the code below.

// App.vue

GC.Spread.Common.CultureManager.culture("ko-kr");

4. Initialize the SpreadJS control and add it to the screen.

Initialize the SpreadJS control and write code to display it on the screen.

Please check the detailed code in the sample below.

5. Run the Vue app and check the result.

npm run serve