vue table固定表头,vue中table
这篇文章主要介绍了某视频剪辑软件如何实现桌子表格置顶，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
如何实现桌子表格置顶置顶前置顶后点击桌子表格某一行让其置顶
如何实现table表格置顶
老大让做某视频剪辑软件项目，可是我对某视频剪辑软件还不熟，抓紧时间学习，记录
此处省略钢性铸铁
表id=toptable
四羟乙基己二酰胺
tr
泰国(泰国)序号/th
泰国(泰国)显示顺序/th
泰国(泰国)景区名称/th
泰国(泰国)景区地址/th
泰国(Thailand)宽度=230px/th
/tr
/thead
在需要分行下载处加上
tr v-for=(item，index) of dataList
td v-text=item.code/td
td v-text=index 1/td
td v-text=item.name/td
td v-text=item.region/td
TD style= text-align:right；
按钮v-if=索引！==0 @click=getTop(index)置顶/按钮
button @click=delData(index)删除/按钮
/td
/tr
/tbody
/表格
脚本
var vtable=new Vue({
el:#toptable ，
数据：{
数据表：[]
},
已安装(){
这个。showdata()；
},
方法：{
showData () {
axios.get(arealist.json ).然后(响应={
对于(设I=0；我回应。数据。长度；i ){
vtable。数据表。推(回应。data[I])；
}
})
},
删除数据（索引){
如果(!确认(您确定要删除此景区吗？)){
返回错误的
}
vtable.dataList.splice(index，1)；
},
getTop(索引){
var返回顶部=VP。datalist[index]；
vtable.dataList.splice(索引，1)
vtable。数据表。un shift(返回顶部)；
}
}
})
/脚本
[
{
姓名:狼牙山景区，
代码: 00123545 ,
区域":"保定易县
},{
姓名:白洋淀，
代码: 00343445 ,
区域":"保定白洋淀
},{
姓名:野山坡，
代码: 00123598 ,
区域":"保定涞水
}
]
置顶前
置顶后
点击table表格某一行让其置顶
我这里的使用场景是点击某一行的使用，该行的数据就调整在第一行显示了
//给使用按钮添加方法，方法如下
使用（行){
假设值=this.tableData//这个是表格数据
设值=行；
设RES=[值]。concat(values.filter(item=item！=value))；//concat()方法用于连接两个或多个数组
控制台。日志(分辨率)；
this.tableData=res
}
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。