<template>
<div class="commonTable">
<el-table :data="expertList" class="tabBack" stripe>
<el-table-column type="index" label="" width="50">
<templat
原创
2024-03-05 09:24:40
494阅读
vue element ui el-table 表格合并
原创
2024-05-07 10:59:01
870阅读
vue使用element-ui table表格二次封装 方便基本表格展示数据 不需要在每个页面当中都写很多的html代码。下面上代码：
原创
2023-12-26 10:11:56
147阅读
el-table滚动懒加载封装成vue指令及各个指令封装记录
原创
2024-01-26 15:58:51
255阅读
点赞
基本能满足绝大部分的需求，利用el-table预留的2个插槽位，在里面分别又放了插槽，使之变成具名插槽，并且绑定了数据，十分灵活，表头和表格内容全部可以自定义，添加的属性不够可以自己加。另外，通过属性的透传，el-table中的Table Attributes 和 Table Events 可以直接 ...
转载
2021-09-08 19:46:00
988阅读
2评论
<el-table
v-loading="loading"
:data="list"
class="typeTable"
@select="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
原创
2024-06-06 13:47:53
126阅读
项目做的越来越多，重复的东西不断的封装成了组件，慢慢的，页面就组件化了，只需要定义组件配置数据，使用就好了，这是一件非常舒服的事情，这篇文章主要和大家讲讲如何对element-ui中的el-table进行二次封装。分析需求公有组件，可以被任何页面调用，首先要保证组件不和外部业务发生耦合，其次就是要设计合理的字段，使用时通过不同的配置即可使用。 那先大致来分析以下可能有的需求：动态表头嵌套表头表格显
转载
2024-06-08 09:41:09
29阅读
通过封装el-table的方式，创建我们自己的Mytable组件做了一个图书管理系统，有兴趣的朋友可以看下：图书管理系统演示1、好处：通过封装 el-table 组件，创建我们自己的 Mytable 组件，可以带来以下好处：复用代码：封装后的组件可以重复使用，避免了在多个地方编写相同功能的代码，减少了代码的冗余和出错的可能性。自定义样式：封装后的组件可以自由控制组件的样式，可以根据需要修改组件的外
原创
2023-06-01 15:24:25
417阅读
element-ui中的table组件(下文用el-table表述)在简单业务场景下(如单纯的数据展示)是够用的，如果需要稍微复杂一些的展示，借助vue的插槽也能够实现。总体来看，el-table有可用之处，但el-table也有不方便的地方。以element-ui官网的的基础表格为例https://element.eleme.io/#/zh-CN/component/table<el-ta
npm install sortablejs --save 2.在页面中引入： import Sortable from ‘sortablejs’ https://www.cnblogs.com/lemoncool/p/11661084.html
转载
2020-07-03 12:23:00
362阅读
2评论
案例1：https://www.cnblogs.com/angelasp/p/12159902.html（vue-element-admin） 前端技术不变，只是后台从mysql换成mongodb+nodejs 下载： vue-element-admin+nodejs+mongodb：https:/ ...
转载
2021-09-23 11:38:00
247阅读
2评论
晚上做了一个页面，想要的效果是一个表格里每一行数据点击最后一列操作按钮可以点击打开弹窗，显示这一行数据的详情信息。 根据需求，为了简化代码决定用父子组件，将dialog封装成子组件在表格里使用。 1、一开始正常逻辑，将决定弹窗开关的visible值放在子组件，以及子组件页面数据请求编写，利用ref从 ...
转载
2021-04-24 06:43:00
1053阅读
2评论
代码】[vue]el-table实现自动滚动效果。
原创
2022-12-21 10:17:54
725阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>element-ui table自动滚动</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></scri ...
转载
2021-10-18 14:53:00
540阅读
2评论
<el-table class="table-head-transparent" :data="tableData" :height="tableHeight" :header-cell-style="{ 'border-ground': 'tranparent' }" > <el-table-co
转载
2020-11-09 10:34:00
1048阅读
2评论
获取到的数据 获取数据预先处理 //获取考核指标列表 async getData() { if (this.dataObj) { const loading = sys_startLoading(this, 1); const res = await listAllItemAndQuotaSetin
转载
2020-11-18 16:58:00
485阅读
2评论
