![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
珊珊美眉
一个喜欢打篮球喜欢跳舞的IT小仙女^_^
展开
-
el-table/element-ui 表格实现行编辑
珊妹儿最近一直项目需求要用el-table实现行编辑,这个功能嘛,是我领导写的,我呢,拿出来给大家借鉴一下,如果你们有更好的建议,欢迎留言~实现思路:1.表格数据我们拿到后,每一行都加个变量作为判断是否是编辑状态;tableData.map((item) => { return { ...item, showEdit: false, //是否可编辑,默认加载完数据不是可编辑状态,获取焦点后才可编辑 disabled: true, /原创 2021-12-15 18:41:24 · 6932 阅读 · 0 评论 -
el-table/elementui 表格组件实现每一列的筛选(两种方法)
大家好呀,珊妹儿最近更新的有点慢了,是因为最近疏于学习,工作也是没接触到一些新的技术,但近期由于工作使用了el-table组件,需求又有个列的筛选,鉴于项目前期使用的jqGrid,大家都知道,这个插件想要实现列的筛选很容易,因为它自己封装好了,直接可以用,但是我们的新功能使用了vue,所以选择了el-table。大家应该都知道官网上的筛选,只提供了类似下拉框多选的筛选,如果这一列是日期的话,我们希望是筛选的时候选择的是日期呢,又或者是input框呢?下面看下图就明白了:text类...原创 2021-12-15 17:18:20 · 5791 阅读 · 3 评论