zoukankan      html  css  js  c++  java
  • easyui rowspan

    第一种写法

    columns: [
    [
    { field: 'depName', title: '部门', rowspan: 2, '100px', align: 'center' },
    { field: 'busName', title: '业务', rowspan: 2, '100px', align: 'center' },
    { field: 'vendorname', title: '运营商', rowspan: 2, '100px', align: 'center' },
    { field: '1', title: '<%=NowToday%>日当天发送量', colspan: 3, '100px', align: 'center' },
    { field: '1', title: '截止<%=NowToday%>日当天发送量', colspan: 3, '100px', align: 'center' }
    ],
    [
    { field: 'LastTodaySend', title: '<%=LastMonth%>月', '100px', align: 'center' },
    { field: 'NowTodaySend', title: '<%=NowMonth%>月', '100px', align: 'center' },
    { field: 'ratio1', title: '环比', '100px', align: 'center', formatter: percentFoemat },
    { field: 'LastEndSend', title: '<%=LastMonth%>月', '100px', align: 'center' },
    { field: 'NowEndSend', title: '<%=NowMonth%>月', '100px', align: 'center' },
    { field: 'ratio2', title: '环比', '100px', align: 'center',formatter:percentFoemat}
    ]
    ]
    });

    第2种写法:

    <%-- <table id="dg" class="easyui-datagrid" style="100%;height:auto;float:left" title="">
    <thead>
    <tr>
    <th rowspan="2" field="depName" width="100px;" data-options="align:'center'">部门</th>
    <th rowspan="2" field="busName" width="100px;" data-options="align:'center'">业务</th>
    <th rowspan="2" field="vendorname" width="100px;" data-options="align:'center'">运营商</th>
    <th colspan="3" field="1" data-options="align:'center'"><%=NowToday%>日当天发送量</th>
    <th colspan="3" field="1" data-options="align:'center'">截止<%=NowToday%>日当天发送量</th>
    </tr>
    <tr>
    <th field="LastTodaySend" width="100px;" data-options="align:'right'"><%=LastMonth%>月</th>
    <th field="NowTodaySend" width="100px;" data-options="align:'right'"><%=NowMonth%>月</th>
    <th field="ratio1" width="100px;" data-options="align:'right'" formatter="percentFoemat">环比</th>
    <th field="LastEndSend" width="100px;" data-options="align:'right'"><%=LastMonth%>月</th>
    <th field="NowEndSend" width="100px;" data-options="align:'right'"><%=NowMonth%>月</th>
    <th field="ratio2" width="100px;" data-options="align:'right'" formatter="percentFoemat">环比</th>
    </tr>
    </thead>
    </table>--%>

    效果图:

     

  • 相关阅读:
    SQL SERVER全面优化
    Mysql常见问题及优化
    Mysql相关问答
    Activiti动态设置办理人扩展
    Activiti流程编辑器针对自定义用户角色表优化改造
    taskService 流程任务组件
    activiti 工作流 动态 设置 指定 节点任务人、责任人、组 的实现方式
    千万级规模高性能、高并发的网络架构经验分享
    B树,B+树,红黑树应用场景AVL树,红黑树,B树,B+树,Trie树
    Mybatis源码分析
  • 原文地址:https://www.cnblogs.com/lacey/p/7488830.html
Copyright © 2011-2022 走看看