table
关注
分享
扫一扫
听听那晚风
这个作者很懒，什么都没留下…
展开
-
使vxe-table以及element-ui table第一行 操作栏的操作项与其他行的操作项不一样
我这里的场景是第一行的操作栏 只有计算这一个按钮并且点击计算 计算按钮会变成停止，其他行的操作项有 计算和删除两个按钮代码：<vxe-table-column title="操作" width="200"> <template v-slot="{ row, rowIndex }"> <template v-if="rowIndex == 0"> <vxe-button v-if="row.show"原创 2020-12-10 10:29:55 · 1158 阅读 · 0 评论 -
Vue点击table表格某一行让其置顶
我这里的使用场景是点击某一行的使用，该行的数据就调整在第一行显示了//给使用按钮添加方法，方法如下use(row) { let values = this.tableData; let value = row; let res = [value].concat(values.filter(item => item != value));//concat() 方法用于连接两个或多个数组 console.log(res); this.tableData = res;}...原创 2020-12-10 10:22:11 · 4212 阅读 · 3 评论 -
vue改变element-ui 表格第一行或某一行样式
关键点：给表格添加属性 :cell-style=“cellStyle”cellStyle(row, column, rowIndex, columnIndex) { // console.log(row, column, rowIndex, columnIndex); if (row.seq == '1') {//判断条件，如果想要改变其他行样式，就写那一行的下标 return `background-color: #ffe5bb !important;fontSize: 16px; c.原创 2020-12-10 10:14:27 · 4187 阅读 · 1 评论 -
js实现table表格的增删改查
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } th{ width: 250px; height: 40px; text-align: center; line-height: 40p.原创 2020-12-01 17:39:28 · 8061 阅读 · 3 评论