{"_id":"@aochuang/el-bigdata-table","_rev":"3-01caab6340db7fdca1c0f99d988e43e9","name":"@aochuang/el-bigdata-table","dist-tags":{"latest":"2.15.12"},"versions":{"2.15.10":{"name":"@aochuang/el-bigdata-table","version":"2.15.10","keywords":["element-ui","el-table","virtual-scroll","big-data-table"],"license":"ISC","_id":"@aochuang/el-bigdata-table@2.15.10","maintainers":[{"name":"rain-yu","email":"horizon@163.com"}],"dist":{"shasum":"acf3a1defc2745a74374a8af4b9d072e6b953090","tarball":"https://registry.npmjs.org/@aochuang/el-bigdata-table/-/el-bigdata-table-2.15.10.tgz","fileCount":8,"integrity":"sha512-GLziluHydi1jLFDAh9X66vGLrXzyPFm08zI6Ekk1IRFkgs409JGR3z0hugTKQBVXQcVCCaOEzKLWXggKQ1ewpA==","signatures":[{"sig":"MEUCIEvBsGjrX/0nlw4NjdOFgbij94qrZVO4ndXzRIVcLh+LAiEAiv99YhNUftmGtyeztaiVgg0rtspVMEz2X5uz2Xk5Cm4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12178},"main":"index.js","scripts":{"prepublishOnly":"npm pack --dry-run"},"_npmUser":{"name":"rain-yu","email":"horizon@163.com"},"_npmVersion":"6.14.18","description":"用来实现 el-table 展示大数据，流畅渲染万级数据并不会影响 el-table 的原有功能","directories":{},"sideEffects":["*.css","src/*.css"],"_nodeVersion":"14.21.3","dependencies":{"throttle-debounce":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"element-ui":"^2.15.10"},"_npmOperationalInternal":{"tmp":"tmp/el-bigdata-table_2.15.10_1781264855271_0.935995614887777","host":"s3://npm-registry-packages-npm-production"}},"2.15.11":{"name":"@aochuang/el-bigdata-table","version":"2.15.11","keywords":["element-ui","el-table","virtual-scroll","big-data-table"],"license":"ISC","_id":"@aochuang/el-bigdata-table@2.15.11","maintainers":[{"name":"rain-yu","email":"horizon@163.com"}],"dist":{"shasum":"face55a8dac410abb3d3d89b54ebbadb2b011f70","tarball":"https://registry.npmjs.org/@aochuang/el-bigdata-table/-/el-bigdata-table-2.15.11.tgz","fileCount":8,"integrity":"sha512-9Z/vQB7Npc7hKYzUgoJ4ZiKhJqCL5dCAcvRbZ4wPJjkvr6IRWzmM2z/GIEU24408iQsZ05mpT0g7kDoQLhg4rw==","signatures":[{"sig":"MEUCIQCua+A850s4CswmlbPkqO77cScDq+x+zcjg7ZeDrcUoxQIgBDPjvEmLFJGLtZVf0wt+w5AfOC332AaOTLO449lB62Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12210},"main":"index.js","scripts":{"prepublishOnly":"npm pack --dry-run"},"_npmUser":{"name":"rain-yu","email":"horizon@163.com"},"_npmVersion":"10.9.7","description":"用来实现 el-table 展示大数据，流畅渲染万级数据并不会影响 el-table 的原有功能","directories":{},"sideEffects":["*.css","src/*.css","index.js","src/*.js"],"_nodeVersion":"22.22.2","dependencies":{"throttle-debounce":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"element-ui":"^2.15.10"},"_npmOperationalInternal":{"tmp":"tmp/el-bigdata-table_2.15.11_1783655666536_0.1932006682691223","host":"s3://npm-registry-packages-npm-production"}},"2.15.12":{"name":"@aochuang/el-bigdata-table","version":"2.15.12","description":"用来实现 el-table 展示大数据，流畅渲染万级数据并不会影响 el-table 的原有功能","main":"index.js","publishConfig":{"access":"public"},"sideEffects":["*.css","src/*.css","index.js","src/*.js"],"scripts":{"prepublishOnly":"npm pack --dry-run"},"keywords":["element-ui","el-table","virtual-scroll","big-data-table"],"peerDependencies":{"element-ui":"^2.15.10"},"dependencies":{"throttle-debounce":"^2.3.0"},"license":"ISC","_id":"@aochuang/el-bigdata-table@2.15.12","_nodeVersion":"22.22.2","_npmVersion":"10.9.7","dist":{"integrity":"sha512-SNNVMriqvgAW/ZI15JcGXz3tV14MIrCN0EkmIYwL4aB0FAbPgi3cSFPPEI9ohkkQvt5Y8G3QMMeH9pG7dLIYlQ==","shasum":"97d5160aaddf14c7bac06ed394948964fa18f46a","tarball":"https://registry.npmjs.org/@aochuang/el-bigdata-table/-/el-bigdata-table-2.15.12.tgz","fileCount":8,"unpackedSize":12210,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEEuFT9LMZPbyGyHNr6KKu99qgT7yISgdyReCI6+gICmAiEA5jMoZ9VYWMvM5VTLiRbSNO8bo/XyPKEGVAxl0fNXzro="}]},"_npmUser":{"name":"rain-yu","email":"horizon@163.com"},"directories":{},"maintainers":[{"name":"rain-yu","email":"horizon@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/el-bigdata-table_2.15.12_1783655684894_0.4769077293721884"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-12T11:47:35.104Z","modified":"2026-07-10T03:54:45.138Z","2.15.10":"2026-06-12T11:47:35.407Z","2.15.11":"2026-07-10T03:54:26.662Z","2.15.12":"2026-07-10T03:54:45.032Z"},"license":"ISC","keywords":["element-ui","el-table","virtual-scroll","big-data-table"],"description":"用来实现 el-table 展示大数据，流畅渲染万级数据并不会影响 el-table 的原有功能","maintainers":[{"name":"rain-yu","email":"horizon@163.com"}],"readme":"# el-bigdata-table\r\n\r\n用来实现el-table展示大数据\r\n流畅渲染万级数据并不会影响到el-table的原有功能\r\n\r\n[点击查看在线demo](https://code-farmer-i.github.io/el-bigdata-table/dist/)\r\n\r\n## Install\r\n```shell\r\nnpm install el-bigdata-table -S\r\n```\r\n\r\n## webpack.base.conf.js\r\n因代码中使用了es6的语法 所以需要添加babel配置\r\n``` javascript\r\n'use strict'\r\nconst path = require('path')\r\nconst utils = require('./utils')\r\nconst config = require('../config')\r\nconst vueLoaderConfig = require('./vue-loader.conf')\r\n// 此处为添加的配置\r\nconst fs = require('fs')\r\n\r\nfunction resolve (dir) {\r\n  return path.join(__dirname, '..', dir)\r\n}\r\n\r\n//此处为添加的配置\r\nlet dirsName = fs.readdirSync(resolve('node_modules')).filter(dirName => /el-bigdata-table/.test(dirName))\r\nconst includesDirs = dirsName.map(dir => resolve(`node_modules/${dir}/src`))\r\n\r\nmodule.exports = {\r\n  ... //省略的代码\r\n  module: {\r\n    rules: [\r\n      // 省略代码...\r\n      // 此处有添加babel-loader配置 ‘...includesDirs‘\r\n      {\r\n        test: /.js$/,\r\n        loader: 'babel-loader',\r\n        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), ...includesDirs]\r\n      },\r\n      {\r\n        test: /.(png|jpe?g|gif|svg)(?.*)?$/,\r\n        loader: 'url-loader',\r\n        options: {\r\n          limit: 10000,\r\n          name: utils.assetsPath('img/[name].[hash:7].[ext]')\r\n        }\r\n      },\r\n```\r\n\r\n## Quick Start\r\n``` javascript\r\n// main.js\r\nimport 'el-bigdata-table'\r\n```\r\n\r\n### 基础用法\r\n```html\r\n<template>\r\n  <!-- 使用 useVirtual 属性开启虚拟滚动 使用虚拟滚动时，必须要固定表格高度和行高 -->\r\n  <el-table\r\n    :data=\"tableData\"\r\n    height=\"400\"\r\n    useVirtual\r\n  >\r\n    <el-table-column\r\n      type=\"index\"\r\n      width=\"100\"\r\n      fixed\r\n    ></el-table-column>\r\n    <el-table-column\r\n      prop=\"date\"\r\n      label=\"日期\"\r\n      width=\"180\">\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"name\"\r\n      label=\"姓名\"\r\n      width=\"180\">\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"address\"\r\n      label=\"地址\">\r\n    </el-table-column>\r\n  </el-table>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data() {\r\n      return {\r\n        tableData: Array.from({length: 10000}, () => ({\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        }))\r\n      }\r\n    }\r\n  }\r\n</script>\r\n```\r\n\r\n## API\r\n\r\n### 新增 Props:\r\n\r\n属性  |  说明  |  类型  |  默认值\r\n:-------: | -------  |  :-------:  |  :-------:\r\nuse-virtual  |  是否开启虚拟滚动  |  Boolean  |  false\r\nrow-height  |  行高(必须要设置正确的行高，否则会导致表格计算不正确)  |  Number  |  48\r\nexcess-rows  |  表格可视区域上方与下方额外渲染的行数，行数越多表格接替渲染效果越好，但越耗性能  |  Number  |  5\r\nuse-row-key  |  大部分场景下可以不使用rowKey来最大化复用dom，极大的提升渲染效率  |  Boolean  | false\r\n\r\n作者wx: ckang1229\r\n\r\n","readmeFilename":"README.md"}