VXE-TABLE V4 表格表尾合并
2024-05-17 19:07:08
关于这个表格表尾合并的方法API
<vxe-gridstyle="margin-top: 16px"v-if="columnDrop2Params.isShowVxeTable"v-bind="gridOptions"class="sortable-column-demo"ref="VxeTableRef"@resizableChange="handleResizableChange"@scroll="handleTableScroll"></vxe-grid>const gridOptions = reactive({border: true,stripe: true,height: '660',loading: false,align: 'center',showFooter: true, //开启表尾showHeaderOverflow: true,showOverflow: true,columnConfig: {resizable: true},rowConfig: {isCurrent: false,useKey: true},columns: [{ type: 'seq', title: '序号', width: 240 },{ field: 'sfa', title: '物料名称', width: 260 },{ field: 'kdrq', title: '日期', width: 200 },{ field: 'wer', title: '油罐车号', width: 200 },{ field: 'ghjhgfd', title: '重车质量(t)', width: 160 },{ field: 'sdada', title: '空车质量(t)', width: 160 },{ field: 'hjtrgrg', title: '含水油质量(t)', width: 160 },{ field: 'qweqwe', title: '含水率(%)', width: 160 },{ field: 'weqweqwe', title: '纯油质量(t)', width: 160 },{ field: 'kjhytr', title: '水量(t)', width: 160 }],data: [{}, {}],footerMethod({ columns }) {return [columns.map((column, columnIndex) => {if (columnIndex === 0) {return '含水油量(t)(小写)'}if (columnIndex === 3) {return '净油量(t)(小写)'}if (columnIndex === 4) {return '111'}// if (['xs'].includes(column.field)) {// return total.value// }// return ''}),columns.map((column, columnIndex) => {if (columnIndex === 0) {return '水量(t)(小写)'}if (columnIndex === 3) {return '净油量(t)(大写)'}if (columnIndex === 4) {return '1111'}// if (['xs'].includes(column.field)) {// return total.value// }// return ''}),columns.map((column, columnIndex) => {if (columnIndex === 0) {return '采气一厂'}if (columnIndex === 1) {return '油气储运公司'}if (columnIndex === 2) {return '独山子石化分公司'}// if (['xs'].includes(column.field)) {// return total.value// }// return ''}),columns.map((column, columnIndex) => {if (columnIndex === 0) {return '计量员签字'}if (columnIndex === 2) {return '计量员签字'}if (columnIndex === 4) {return '计量员签字'}// if (['xs'].includes(column.field)) {// return total.value// }// return ''})]},footerSpanMethod({ $rowIndex, _columnIndex }) {if ($rowIndex === 0) {if (_columnIndex === 0) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 3) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 4) {return {rowspan: 1,colspan: 4}}} else if ($rowIndex === 1) {if (_columnIndex === 0) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 3) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 4) {return {rowspan: 1,colspan: 4}}} else if ($rowIndex === 2) {if (_columnIndex === 0) {return {rowspan: 1,colspan: 4}}if (_columnIndex === 1) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 2) {return {rowspan: 1,colspan: 4}}} else if ($rowIndex === 3) {if (_columnIndex === 0) {return {rowspan: 1,colspan: 3}}if (_columnIndex === 4) {return {rowspan: 1,colspan: 2}}if (_columnIndex === 5) {return {rowspan: 1,colspan: 2}}}}})//改方法是为了表尾进行一个合计计算的值// const sumFun = () => {// total.value = 0// gridOptions2.data.forEach((i) => {// total.value += i.rcsl// })// VxeTableRef2.value.updateFooter(total.value)// }
VXE-TABLE V4 表格表尾合并相关推荐
- Vxe Table/Grid 单元格分组合并
要合并的列 ['htbm','htmc','hetd','hetdws','yjs'] 一般的合并,不带逻辑,直接就把各自列对应的相同名字的列合并了,如下所示,不是合同的数据,值一样,直接给合并了 加 ...
- element 表格 评分表（合并单元格，单选框按钮选分，计算表格总分）
文件下载 >>https://download.csdn.net/download/jemycc/12837044 突然发现 vxe 会更方便 vxe官网: https://xuliang ...
- element UI 表格实现 表尾合计行 ——小肉包
element UI 表格实现 表尾合计行 --小肉包 可以根据需要计算任意列的合计,效果图如下 说明:elementUI 官网提供了标为合计行的计算方法,参考elementUI 官网table组件 ...
- JSP表格模板升级（4）-- 表头和表尾固定的表格模板
上文<JSP表格模板升级(3)--可变列数的表格模板>已经完成了一个功能几近完善的表格模板,直接可以用于大部分二维表格的显示需求.本文中我们将改变表格底层的实现,将table标签替换为更加 ...
- 单链表-两个线性表的合并（不破坏原链表+尾插法）
题意: 令L1 = (X1,X2,X3,X4-Xn), L2 = (y1,y2,y3,y4-ym);是两个线性表.采用带头节点的链表存储,设计一个算法合并L1,L2,结果放在线性表L3中,要求如下: ...
- 单链表-两个线性表的合并1（破环原链表+尾插法）
题意: 令L1 = (X1,X2,X3,X4-Xn), L2 = (y1,y2,y3,y4-ym);是两个线性表.采用带头节点的链表存储,设计一个算法合并L1,L2,结果放在线性表L3中,要求如下: ...
- 打印设置自定义表尾_教大家Excel2013表格中如何打印固定的表头和表尾
近日有关于Excel2013表格中如何打印固定的表头和表尾的问题受到了很多网友们的关注,大多数网友都想要知道Excel2013表格中如何打印固定的表头和表尾的具体情况,那么关于到Excel2013表格 ...
- Excel简单宏定义（快速合并多个表格，合并多个工作表，合并特定工作表）
文章目录 前言 具体操作 总结 前言 Excel简单宏定义(快速合并多个表格,合并多个工作表,合并特定工作表) 具体操作 合并当前工作簿下的所有工作表 Sub 合并当前工作簿下的所有工作表() On ...
- Layui table表格单元格合并问题
Layui table表格单元格合并 人丑话不多, 直接上方法: /*** * @param fieldName 要合并列的field属性值* @param index 表格的索引值 从1开始* @d ...
最新文章
- 如何在 Linux 上用密码加密和解密文件
- QListWidget 小练习
- 短途人生- 让自己慢下来（39）
- JMS分布式应用程序异步消息解决方案EhCache 高速缓存同步问题
- Spring《二》 Bean的生命周期
- java 工作3年水平_有着4年java工作经验，应该达到什么样的水平？
- 确定Java等价性的新时代？
- Java Web学习总结（5）——HttpServletResponse对象详解
- [ACL18]直接到树：基于神经句法距离的成分句法分析
- linux下的screen工具配置(针对 string escape)
- 在数据库WSEDSQLDB中检测到一个可能的数据库一致性问题。|解决方法
- JVM内存模型和结构详解(五大模型图解)
- [项目源码]ERP进销存系统
- 解决Destroying ProtocolHandler [“ajp-apr-8009“]
- 幸福的烦恼：显卡算力太高而pytorch版本太低不支持
- 表空间相关命令及查询SQL
- 华为注册“鸿蒙”商标为自研操作系统铺路，或已经用于华为设备中。
- 南天收藏库为什么大不了_参加技术会议：有什么大不了的？
- 关于计算机与网络导论的论文,计算机科学导论论文
- 线性代数学习笔记——第二十七讲——向量的方向余弦