kinglisky / egrid Goto Github PK
View Code? Open in Web Editor NEW对 element-ui table 组件的封装
Home Page: http://kinglisky.github.io/egrid
License: MIT License
对 element-ui table 组件的封装
Home Page: http://kinglisky.github.io/egrid
License: MIT License
如题,求解答~ 目前没有找到添加方式
1.columnType属性能否自定义label属性呢?就是把那个"#"改成自定义的文字描述,如:序号/新增等呢?
2.是否支持指定列设置为下拉选呢?
3.是否可以指定列添加校验规则呢?如,电话/邮箱设置校验电话/邮箱的校验规则呢?
http://jsfiddle.net/yr0uf0fm/23/
Uncaught ReferenceError: babelHelpers is not defined
at eval (webpack-internal:///./node_modules/egrid/lib/index.com.min.js:1)
at Object../node_modules/egrid/lib/index.com.min.js (app.js:2219)
at webpack_require (app.js:679)
at fn (app.js:89)
at eval (webpack-internal:///./src/main.js:18)
at Object../src/main.js (app.js:3333)
at webpack_require (app.js:679)
at fn (app.js:89)
at Object.0 (app.js:3620)
at webpack_require (app.js:679)
比如 我想在第二行第二列某一单元格嵌入一个表格,该怎么做呢
<egrid :data="data" :columns="columns" :table-name="TABLE_NAME" :column-type="['selection']" :columns-props="columnsProps" :columns-schema="columnsSchema" @sort-change="sortChange" @selection-change="selectionChange" highlight-current-row border></egrid>
多级表头数据怎么定义,貌似没看到有处理多级表头
因为表格中需要自定义序号列(只有column-type,但是不知道如何自定义内容)。所以新增了一个列,在columns属性中设置如下:
[{
label: "序号",
prop: "xuhao",
formatter: function(row, column, cellValue, index) {
return 1;
}
}]
但是表格渲染出来的数据还是undefined,此时开发者工具中该列的props已经有formatter函数了。尝试直接通过element-ui
设置formatter
是可行的。
期望结果:
该列全部渲染出“1”这个数字。
1.折叠表格一般都是列比较的多,打开折叠的会把基本的列展现出来,折叠里面的是别的列,现在我看demo里面折叠和直观看的列是一样的,这一个能设置嘛
在columns里配置
label: '操作',
prop: 123,
component: 'Btn',
但是没有实际渲染出Btn组件,只是有一个html ,打印Btn是有内容的,看组件源码感觉也没有问题,就是一个动态组件问题在哪。。。
你好作者, 我有一点关于 listeners 配置项的疑问,
listeners 可以用来监听自定义组件 emit 的事件
但是在 listeners 选项中 定义的函数 如何触发 egrid 组件所在作用域即 egrid 父组件中的函数呢
这里面的函数似乎是没有绑定 this 的
如果用箭头函数的话 假如配置项 columns 放在外部文件来引入 会指向引入的对象
求解惑
感觉有表格必有分页,可以不可以考虑整合一下pagination?
node 14.19.0
npm安装依赖以后,npm run dev报错
就是我想不展示某些列,要展示的通过勾选就能进行展示
Uncaught ReferenceError: babelHelpers is not defined
at Object.module.exports.installedModules (index.com.min.js:1)
at webpack_require (bootstrap 21c68f20aebf7125787e:688)
at fn (bootstrap 21c68f20aebf7125787e:109)
at Object. (main.js:1)
at webpack_require (bootstrap 21c68f20aebf7125787e:688)
at fn (bootstrap 21c68f20aebf7125787e:109)
at Object. (vml.js:9)
at webpack_require (bootstrap 21c68f20aebf7125787e:688)
at BUILTIN_OBJECT.[object Function] (bootstrap 21c68f20aebf7125787e:789)
at app.js:793
vue.esm.js:8246 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.