femessage / el-data-table Goto Github PK
View Code? Open in Web Editor NEW🥘Base on element-ui, makes crud easily
Home Page: https://femessage.github.io/el-data-table/
License: MIT License
🥘Base on element-ui, makes crud easily
Home Page: https://femessage.github.io/el-data-table/
License: MIT License
希望能暴露一个监听表格数据加载完的方法,这样我可以初始化一下参数,例如:url,或者做一些别的操作
https://femessage.github.io/el-data-table/#!/tree
elemet 的默认样式 加了一个 相邻的 button 的 margin
竖向情况自己应该覆盖掉,
作者能否给个解决这种问题的方式?或者可以启动这个项目跑一遍流程,谢谢
YMFE/yapi#642
期望:可以通过传prop的方式自定义按钮的文字,如新增按钮默认是”新增“,可以修改为”创建“
�场景:新增功能满足需求,但按钮文字描述不满足。
虽然可以通过ref引用调用内部onDefaultNew
方法实现,但希望能支持自定义文字,少写几行代码
beforeConfirm里面可以考虑添加一个loading
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
你这个支持elementui的table的expand吗?
extraButtons,配置项里面,可以设置:text字段接收多种方式吗?比如接收一个方法,执行方法,而不是让方法变成字符串显示在页面上
Is your feature request related to a problem? Please describe.
现在有这么一个场景,就是比如一个新建的场景,使用了 el-data-table
中的 form
功能,然后根据 crud
的 c
去进行一个 post
请求,但是由于一些原因,后端判断这个名字重复,这个 post
请求没有成功,但也没有任何的提示,只是默默的失败了,
ps: 后端失败现在只给出了一个 resetful code
不为 0, 不是 http status code
, 全局拦截不好做。
Describe the solution you'd like
我希望有一个可以传入错误处理的方式,比如我传入一个 onError
或者一个 onSucessCallBack
方法去处理操作失败的问题。
We can select a row of data; but cant select single row. For another, we cant select a row of data by click the other zone of the row except the checkbox;
你好,我已经使用了你们的组件做好了数据渲染,都挺好的。
现在想使用el-table自带的事件row-click事件做点击行的处理,发现无法传递到table组件。
你们提供了一个tableAttrs是传递数据的,那请问事件如何传递过去?
我觉得使用表格自带的一些事件应该是基础需求,考虑扩展一下,或者把el-table自带的事件加上去?
我点击新增或是编辑按钮后,
怎么窗口在后,蒙层在前?顺序不对啊?
Hi, there is a way to change the table languaje?
Describe the bug
源码中的resetSearch方法里,直接修改了customQuery属性
我开始加载页面的时候不想去调接口 点击查询的时候去调接口 现在没有点击查询单独的方法或者查询 重置按钮不是默认存在 我可以自定义自己的按钮 自己的方法
Describe the bug
组件 mounted 的时候会检查搜否有渲染 searchForm
, 有的话就会添加组件表单默认行为的语句 **searchForm.$el.setAttribute('action', 'javascript:;')
,由于我使用的场景下是动态渲染此搜索表单的,所以这个语句并没有生效, 导致按搜索按钮表单默认行为触发, url
改变页面刷新。
Expected behavior
searchForm
动态渲染的场景下,按下搜索不触发表单默认行为
**environment information: **
这个element 本身有的功能被封装了,但是没有暴露,有需求要自定义列的样式,只能用formatter做简单样式
Describe the bug
在有el-data-table的list页面中,点击新增按钮(this.$router.push({path: 'edit'}))。
1.第一次点击新增按钮后,在url路径中,在#前多加了一个多余的‘?’号,并且仍然在list页面未跳转
(路径示例:http://localhost:3000/?#/activity/assisting-activity/list)
2.第二次点击这个新增按钮,页面才跳转至edit页面(此时路径示例:http://localhost:3000/?#/activity/assisting-activity/edit)
Expected behavior
1.点击一次即可跳转;
2.url 去掉未知的?号
**environment information: **
bug版本 1.2.1;
之前使用1.1.1版本,无此问题
照着test的内容放到项目中,一直显示暂无数据
1.1.1
Windows 10 - Chrome 73
2.5.17
Maybe provide solutions and demo.
在一些业务场景里面,需要获取searchForm的值,目前不能获取
组件使用者有定制操作列样式的需求。一般是通过插入自定义列然后调用内部方法(如onDefaultEdit)的方式。但内部方法有可能在重构中被变更造成无意的破坏性更新。
我看了一下源码,对分页条数的数组是有支持自定义的,传了一个 :paginationSizes="pageArr" pageArr = [1,5,10] 选了每页 1 条,接口请求的时候参数也传了 size:1, 结果返回 3条数据。
一点建议:从组件的通用性,建议去掉 默认的修改按钮,让用户之间传需要使用的按钮就行了
has PR #90
来自同事
Is your feature request related to a problem? Please describe.
否
Describe the solution you'd like
期望有个开关 store-checked
之类的打开此功能
Additional context
例如第一页勾选了一些
切换到第二页勾选了一条
再切换回第一页, 依然会勾选之前勾选的
不分页时,dataPath 无效
现在默认是hash, 如果从A页进入详情页,再点击一次查询,此时需要点击页面的返回按钮两次(this.$router.back()) 才能返回A页
虽然现在操作列可以用两个button来代替switch功能,但是用switch可能在展示上更加美观,纯属个人建议。
<template slot="search"> <el-form-item label="姓名"> <el-input v-model="name"></el-input> </el-form-item> </template>
然后点重置 无法将name值重置为空
期待的功能
表格拖拽(tree型table拖拽/普通table拖拽)
OS /浏览器版本
win10 / chrome 74
Vue版本
2.5.17
为什么提出功能需求?
希望特定场景满足tree型table拖拽和普通table拖拽
考虑及目前做法
考虑过iview-admin、D2-admin、element-ui及data-table 实现tree拖拽,结果以失败告终。失败原因:以上组件都是同级渲染DOM结构,而sortTable是拖拽时获取拖拽子节点的父节点,因为DOM元素是同级渲染,所以我找不到一个table所有行的不同点来取出拖拽行下的所有子节点(当然不排除我写法错误)。
目前的做法,采用了递归VueDraggable组件,但我认为这不是最优的解决方案。
期望结果
tree型table及普通table拖拽,如果可以留言发表下实现tree型多级拖拽table思路那么就太完美了。Thank~~
可供参考组件
Vue.Draggable
组件拖拽demo
Nested draggable
编辑的时候如何指定自定义主键?
现在的查看按钮是灰色的 我的需求是蓝色 所有希望可以增加改变查看按钮颜色的属性
文档少了个说明。
另外,文档还要补充的有:
selection,
delete按钮
等一系列属性的示例
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.