diff --git a/package.json b/package.json
index 89190cd..3b36b54 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
         "lint-fix": "vue-cli-service lint"
     },
     "dependencies": {
+        "@datagridxl/datagridxl2": "^2.0.6",
         "bookmark-file-parser": "^1.0.6",
         "codemirror": "^5.65.2",
         "core-js": "^3.8.3",
@@ -25,6 +26,7 @@
         "html-entities": "^2.3.2",
         "lodash": "^4.17.21",
         "mathjs": "^10.4.0",
+        "papaparse": "^5.3.2",
         "ress": "^5.0.2",
         "vue": "^2.6.14",
         "vue-router": "^3.5.1",
@@ -33,6 +35,7 @@
     "devDependencies": {
         "@babel/core": "^7.12.16",
         "@babel/eslint-parser": "^7.12.16",
+        "@types/papaparse": "^5.3.2",
         "@vue/cli-plugin-babel": "~5.0.0",
         "@vue/cli-plugin-eslint": "~5.0.0",
         "@vue/cli-plugin-router": "~5.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 099a26f..c6e46c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3,6 +3,8 @@ lockfileVersion: 5.3
 specifiers:
   '@babel/core': ^7.12.16
   '@babel/eslint-parser': ^7.12.16
+  '@datagridxl/datagridxl2': ^2.0.6
+  '@types/papaparse': ^5.3.2
   '@vue/cli-plugin-babel': ~5.0.0
   '@vue/cli-plugin-eslint': ~5.0.0
   '@vue/cli-plugin-router': ~5.0.0
@@ -25,6 +27,7 @@ specifiers:
   less-loader: ^8.0.0
   lodash: ^4.17.21
   mathjs: ^10.4.0
+  papaparse: ^5.3.2
   postcss-pxtorem: ^6.0.0
   ress: ^5.0.2
   sass: ^1.32.7
@@ -36,6 +39,7 @@ specifiers:
   vuex: ^3.6.2
 
 dependencies:
+  '@datagridxl/datagridxl2': registry.npmmirror.com/@datagridxl/datagridxl2/2.0.6
   bookmark-file-parser: registry.npmmirror.com/bookmark-file-parser/1.0.6
   codemirror: registry.npmmirror.com/codemirror/5.65.2
   core-js: registry.npmmirror.com/core-js/3.21.1
@@ -45,6 +49,7 @@ dependencies:
   html-entities: registry.npmmirror.com/html-entities/2.3.2
   lodash: registry.npmmirror.com/lodash/4.17.21
   mathjs: registry.npmmirror.com/mathjs/10.4.0
+  papaparse: registry.npmmirror.com/papaparse/5.3.2
   ress: registry.npmmirror.com/ress/5.0.2
   vue: registry.npmmirror.com/vue/2.6.14
   vue-router: registry.npmmirror.com/vue-router/3.5.3
@@ -53,6 +58,7 @@ dependencies:
 devDependencies:
   '@babel/core': registry.npmmirror.com/@babel/core/7.17.7
   '@babel/eslint-parser': registry.npmmirror.com/@babel/eslint-parser/7.17.0_@babel+core@7.17.7+eslint@7.32.0
+  '@types/papaparse': registry.npmmirror.com/@types/papaparse/5.3.2
   '@vue/cli-plugin-babel': registry.npmmirror.com/@vue/cli-plugin-babel/5.0.3_ebe31350bf3e1f2bac0901b27b3eba25
   '@vue/cli-plugin-eslint': registry.npmmirror.com/@vue/cli-plugin-eslint/5.0.3_447f1ec1203846b92aa5cbfe858e90d6
   '@vue/cli-plugin-router': registry.npmmirror.com/@vue/cli-plugin-router/5.0.3_@vue+cli-service@5.0.3
@@ -2557,6 +2563,12 @@ packages:
       minimist: registry.npmmirror.com/minimist/1.2.5
     dev: false
 
+  registry.npmmirror.com/@datagridxl/datagridxl2/2.0.6:
+    resolution: {integrity: sha512-CRqGBQqlS+bZVboL8EEF6FriZgj/1CCNqc0bqrppeTF85Wl1+OrGDB4qeY3kICwqMcGYRYv1x5DlO6cbEOlkhQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@datagridxl/datagridxl2/-/datagridxl2-2.0.6.tgz}
+    name: '@datagridxl/datagridxl2'
+    version: 2.0.6
+    dev: false
+
   registry.npmmirror.com/@eslint/eslintrc/0.4.3:
     resolution: {integrity: sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz}
     name: '@eslint/eslintrc'
@@ -3173,6 +3185,14 @@ packages:
     name: '@types/normalize-package-data'
     version: 2.4.1
 
+  registry.npmmirror.com/@types/papaparse/5.3.2:
+    resolution: {integrity: sha512-BNbCHJkTE4RwmAFkCxEalET4mDvGr/1ld7ZtQ4i/laWI/iiVt+GL07stdvufle4KfywyvloqqpIiJscXNCrKxA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/papaparse/-/papaparse-5.3.2.tgz}
+    name: '@types/papaparse'
+    version: 5.3.2
+    dependencies:
+      '@types/node': registry.npmmirror.com/@types/node/17.0.21
+    dev: true
+
   registry.npmmirror.com/@types/parse-json/4.0.0:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/parse-json/-/parse-json-4.0.0.tgz}
     name: '@types/parse-json'
@@ -9838,6 +9858,12 @@ packages:
     version: 2.2.0
     engines: {node: '>=6'}
 
+  registry.npmmirror.com/papaparse/5.3.2:
+    resolution: {integrity: sha512-6dNZu0Ki+gyV0eBsFKJhYr+MdQYAzFUGlBMNj3GNrmHxmz1lfRa24CjFObPXtjcetlOv5Ad299MhIK0znp3afw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/papaparse/-/papaparse-5.3.2.tgz}
+    name: papaparse
+    version: 5.3.2
+    dev: false
+
   registry.npmmirror.com/param-case/3.0.4:
     resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/param-case/-/param-case-3.0.4.tgz}
     name: param-case