Gathering detailed insights and metrics for vxe-table
Installations
npm install vxe-tableDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
20.14.0
NPM Version
10.9.0
Score
79.6
Supply Chain
86.2
Quality
94
Maintenance
100
Vulnerability
100
License
Releases
879
Contributors
34
Languages
4
TypeScript
SCSS
JavaScript
HTML
TypeScript (92.6%)
SCSS (6.68%)
JavaScript (0.65%)
HTML (0.07%)
Developer
Download Statistics
Total Downloads
4,450,422
Last Day
2,779
Last Week
11,062
Last Month
76,690
Last Year
1,214,851
GitHub Statistics
7,850 Stars
3,188 Commits
1,077 Forks
99 Watching
6 Branches
34 Contributors
Bundle Size
381.36 kB
Minified
112.77 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
4.10.5
Package Id
vxe-table@4.10.5
Unpacked Size
8.44 MB
Size
1.55 MB
File Count
447
NPM Version
10.9.0
Node Version
20.14.0
Publised On
09 Jan 2025
Total Downloads
Cumulative downloads
Total Downloads
4,450,422
Last day
-30.2%
2,779
Compared to previous day
Last week
-55.8%
11,062
Compared to previous week
Last month
13.8%
76,690
Compared to previous month
Last year
-2.5%
1,214,851
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Dev Dependencies
35
delvuegulpsasseslintcore-jspostcssgulp-sassgulp-babeltypescriptvue-routergulp-concatgulp-renamegulp-uglifysass-loadergulp-replacegulp-clean-cssgulp-sourcemapsgulp-typescript@vue/cli-serviceeslint-plugin-vuegulp-autoprefixereslint-plugin-node@vue/cli-plugin-vuexeslint-plugin-import@vue/cli-plugin-babeleslint-plugin-promise@vue/cli-plugin-eslint@vue/cli-plugin-router@typescript-eslint/parser@vue/cli-plugin-typescript@vue/eslint-config-standard@vue/eslint-config-typescript@types/resize-observer-browser@typescript-eslint/eslint-plugin
Versions
vxe-table
一個基於 vue 的PC端表格組件，支持增刪改查、虛擬樹、拖拽排序、懶加載、快捷菜單、數據校驗、導入/匯出/列印、表單渲染、自定義模板、渲染器、JSON 配置式…
瀏覽器支持
 |  |  |  |  |
|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
功能點
- 基礎表格
- 配置式表單
- 斑馬線條紋
- 多種邊框
- 儲存格樣式
- 列寬拖動
- 列拖拽排序
- 行拖拽排序
- 最小/最大高度
- 自我調整寬高
- 固定列
- 多級表頭
- 錶尾數據
- 高亮行或列
- 序號
- 單選框
- 核取方塊
- 排序
- 多欄位組合排序
- 篩選
- 儲存格合併
- 合併錶尾
- 導入/匯出/列印
- 顯示/隱藏列
- 拖拽/自定義列排序
- 加載中
- 格式化內容
- 自定義插槽 - 範本
- 快捷選單
- 展開行
- 工具列
- 增删改查
- 數據校驗
- 數據代理
- 鍵盤導航
- 渲染器
- 虛擬滾動
- 虛擬合併
- CSS 變量主題
- (企業版) 儲存格區域選取
- (企業版) 儲存格複製/粘貼
- (企業版) 儲存格查找和替換
- (企業版) 全鍵盤操作
- (企业版) 集成图表
安裝
版本：vue 3.x
1npm install vxe-table@next
NPM
使用表格
1// ... 2import VxeTable from 'vxe-table' 3import 'vxe-table/lib/style.css' 4// ... 5 6createApp(App).use(VxeTable).mount('#app')
使用表格与 UI 库
1// ... 2import VxeTable from 'vxe-table' 3import 'vxe-table/lib/style.css' 4// ... 5 6import VxeUI from 'vxe-pc-ui' 7import 'vxe-pc-ui/lib/style.css' 8// ... 9 10createApp(App).use(VxeUI).use(VxeTable).mount('#app')
CDN
使用第三方 CDN 方式記得鎖定版本號，避免受到非兼容性更新的影響
不建議將第三方的 CDN 地址用於正式環境，因爲該連接隨時都可能會失效
1<!-- style --> 2<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css"> 3<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css"> 4<!-- vue --> 5<script src="https://cdn.jsdelivr.net/npm/vue"></script> 6<!-- table --> 7<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script> 8<script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script> 9<script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
示例
1<template> 2 <div> 3 <vxe-table :data="tableData"> 4 <vxe-column type="seq" title="Seq" width="60"></vxe-column> 5 <vxe-column field="name" title="Name"></vxe-column> 6 <vxe-column field="role" title="Role"></vxe-column> 7 <vxe-colgroup title="Group1"> 8 <vxe-column field="sex" title="Sex"></vxe-column> 9 <vxe-column field="address" title="Address"></vxe-column> 10 </vxe-colgroup> 11 </vxe-table> 12 </div> 13</template> 14 15<script lang="ts" setup> 16import { ref } from 'vue' 17 18const tableData = ref([ 19 { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' }, 20 { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' }, 21 { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' } 22]) 23</script>
線上檔案
運行項目
安裝依賴
1npm run update
啓動本地調試
1npm run serve
編譯打包，生成編譯後的目錄：es,lib
1npm run lib
Contributors
Thank you to everyone who contributed to this project.
License
MIT © 2019-present, Xu Liangzhan
Stable Version
Stable Version
4.10.5
LOW
1
LOW
3.5/10
Summary
vxe-table Cross-site Scripting vulnerability
Affected Versions
< 3.7.10
Patched Versions
3.7.10
Reason
no dangerous workflow patterns detected
Reason
30 commit(s) and 10 issue activity found in the last 90 days -- score normalized to 10
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
0 existing vulnerabilities detected
Reason
Found 2/27 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/webpack.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/webpack.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/x-extends/vxe-table/webpack.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/webpack.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/x-extends/vxe-table/webpack.yml/master?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/webpack.yml:27
- Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 1 npmCommand dependencies pinned
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
- Warn: branch protection not enabled for branch 'v3'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 5 are checked with a SAST tool
Score
4.4
/10
Last Scanned on 2025-01-27
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More