当前位置: 首页 > news >正文

网站布局优化怎么做培训心得简短

网站布局优化怎么做,培训心得简短,怎么样在公司配置服务器做网站,网站建设费怎么入账合并场景:如果id一样,则主表列合并,子表列不做合并,可实现单行、多行合并,亲测!!! 展示效果如图示: 组件代码: // table组件 :span-method"objectSpa…

合并场景:如果id一样,则主表列合并,子表列不做合并,可实现单行、多行合并,亲测!!!
展示效果如图示:
在这里插入图片描述
组件代码:

// table组件  :span-method="objectSpanMethod" 一定要有这个方法,合并逻辑都在这个里面<el-table:data="dataList":span-method="objectSpanMethod"border><el-table-column prop="className" label="班级" /><el-table-column prop="name" label="姓名" /><el-table-column prop="sex" label="性别"  /><el-table-column prop="dataType" label="科目" /><el-table-column prop="score" label="分数" /></el-table>

js代码:

//数据格式
dataList: [{id:"1",className:"3-1",name:"张三",sex:"男",dataType:"数学",score:"81"},{id:"1",className:"3-1",name:"张三",sex:"男",dataType:"英语",score:"33"},{id:"1",className:"3-1",name:"张三",sex:"男",dataType:"历史",score:"66"},{id:"2",className:"3-2",name:"李四",sex:"女",dataType:"科学",score:"13"},{id:"2",className:"3-2",name:"李四",sex:"女",dataType:"英语",score:"90"},],//合并的js逻辑  需要合并多少列就写几列
objectSpanMethod({row, column, rowIndex, columnIndex}) {const _row = this.flitterData(this.dataList).one[rowIndex];const _col = _row > 0 ? 1 : 0;//合并第一列if (columnIndex === 0) {return {rowspan: _row,colspan: _col,};}//合并第二列if (columnIndex === 1) {return {rowspan: _row,colspan: _col,};}//合并第三列if (columnIndex === 2) {return {rowspan: _row,colspan: _col,};}},flitterData(arr) {let spanOneArr = [];let concatOne = 0;arr.forEach((item, index) => {if (index === 0) {spanOneArr.push(1);} else {// 如果id一样,就合并,根据自己的需求来改,id换为要比较的列名if (item.id == arr[index - 1].id) {spanOneArr[concatOne] += 1;spanOneArr.push(0);} else {spanOneArr.push(1);concatOne = index;}}});return {one: spanOneArr,};},
http://www.zhongyajixie.com/news/25521.html

相关文章:

  • 广州建设工程交易中心网站bt kitty磁力猫
  • 怎样健网站做什么推广最赚钱
  • 如何写app程序锦州seo推广
  • 网站建设能带来流量么网站提交工具
  • 淮安软件园有做网站的吗重庆网站关键词排名
  • 商业网站开发 说课联合早报 即时消息
  • ·温州公司建设网站seo推广论坛
  • 梧州网站建设设计网络销售是做什么的
  • 用源码做自己的网站什么是长尾关键词举例
  • 南京著名网站制作2023能用的磁力搜索引擎
  • 幼儿园管理网站模板长尾关键词挖掘工具
  • 公司网站建设怎么选择广州白云区今天的消息
  • 做网站可以用微软雅黑字体么高手优化网站
  • 网站建设认证试题中国万网官网登录
  • ai网页生成汕头网站建设方案优化
  • 专做项目报告的网站互联网推广话术
  • 怎么做社交网站百度接单平台
  • 女装网站建设的规划书可以推广发广告的app
  • 网页设计与制作期末作业源代码seo中介平台
  • 只有一个页面的网站怎么做郑州seo外包公司哪家好
  • 网站导航设计模板苏州关键词优化排名推广
  • 做学校的网站推广发展前景教育机构网站
  • 给公司做门户网站 可以用凡客吗兰州压热搜
  • 学技术网站推广普通话宣传语100字
  • 自己有域名怎么做免费网站网店推广的作用
  • 相亲网站如何做如何做网络销售产品
  • azure做网站网页界面设计
  • 在网站加上一个模块怎么做无人区在线观看高清1080
  • 网站建设公司招人竞价点击软件工具
  • 烟台做网站联系电话优化公司