vue + element 如何实现动态表头?

Edyx

1727

发布于
2022-11-22 北京

像图片这种,获取上周和本周作为表头

vue.js element-ui 前端 html

html5

阅读 1.6k

1 个回答

得票最新

hfhan

29k72241

发布于
2022-11-22 安徽

✓ 已被采纳

写两个变量作为上周时间范围和本周时间范围，然后写到el-table-column中就行了
至于上周时间范围和本周时间范围，可以参考js怎么获取当前上周和当前周的周一和周日日期

let lastweek = '11-14 ~ 11-20'
let thisweek = '11-21 ~ 11-22'

<el-table-column label="上周">
    <el-table-column prop="state" :label="lastweek" width="120" />
</el-table-column>
<el-table-column label="本周">
    <el-table-column prop="state" :label="thisweek" width="120" />
</el-table-column>

查看全部 1 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答3k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.4k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.3k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.5k 阅读
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.6k 阅读
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决

相似问题

vue + element 如何实现动态表头
2 回答3.1k 阅读✓ 已解决
element 动态多级表头
2 回答2.3k 阅读✓ 已解决
el-tbale如何构造动态二级表头
1 回答3.1k 阅读
Vue中动态form表单验证？
1 回答1.7k 阅读
vue项目，如何制作一个表格表头？
563 阅读

找不到问题？创建新问题

vue + element 如何实现动态表头?

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

如何在Vue中点击菜单弹出v-dialog对话框？