精华内容
下载资源
问答
  • = 0){ //是看上一项和当前是否一样 如果是0 就没有上一项 这样写不会影响结果 this.mergeList.forEach((items,idx)=>{ if(item[items.prop] === arr[index - 1][items.prop]){ //循环 自动计算需要合并的项以及合并...

    先看效果
    在这里插入图片描述
    打印一下我的方法计算出来的每列的合并数组
    在这里插入图片描述
    每个数组代表一列,数组中的每个元素代表这一列的这一行的这一个元素需要合并的数量

    //页面
     <el-table
                :id="id"
                :highlight-current-row="highlightCurrentRow!==false?true:false"
                :data="tableDataWidhtOrder"
                :span-method="objectSpanMethod"
                ref="table"
                @select="select"
                @select-all="selectAll"
                @row-click="clickTr"
                @cell-click="clickTd"
                @selection-change="handleSelectionChange"
                @sort-change="sortChange"
                :row-class-name="tableRowClassName"
                :row-style="rowStyleCb"
                :border="border"
                :show-summary="showsummary"
        >
    
    //列表表头结构
    tableHeader:[
        {
          label:'站名',
          prop:'stationName',
        },
        {
          label:'车型',
          prop:"vehicleType",
          isMerge:false
        },
        {
          label:'清分',
          prop:"carType",
          children:[
            {
              label:'数量',
              prop:"splitCarMount",
            },
            {
              label:'金额',
              prop:"splitCarMoney",
            }
          ]
        },
        {
          label:'合计',
          prop:"sumMoney",
        }
      ],
    
     //因为以上表头结构  所以需要有个方法  把子菜单的整合出来到一个数组
       doTableCol(arrs){  //TODO  这里需要优化写法  递归执行  现在没空
        arrs.forEach((ites)=>{
          if(ites.children&&ites.children.length){
            doTableCol(ites.children)
          }else{
            this.mergeList.push(ites)
          }
        })
      }
    //合并列
    flitterData(arr){
        let forceArr = []
        for(var i = 0;i<this.mergeList.length;i++){
          forceArr[i] ={concat:0,rows:[1]}
        }
        arr.forEach((item,index)=>{
          if(index!= 0){  //是看上一项和当前是否一样  如果是0 就没有上一项  这样写不会影响结果
            this.mergeList.forEach((items,idx)=>{
              if(items.isMerge===false){  //就是这个参数
                for(var m = 0;m<arr.length;m++){
                  forceArr[idx].rows.push(1)  //当有些列不进行合并 就可以通过表头传值加个参数
                }
              }else{
                if(item[items.prop] === arr[index - 1][items.prop]){ //循环  自动计算需要合并的项以及合并多少
                    let curNum = forceArr[idx].concat
                    forceArr[idx].rows[curNum]=forceArr[idx].rows[curNum]?forceArr[idx].rows[curNum]:1
                    forceArr[idx].rows[curNum]+=1
                    forceArr[idx].rows.push(0);
                }else{
                    forceArr[idx].rows.push(1)
                    forceArr[idx].concat = index   //记录下是列的哪个  下次合并就从这里开始  (上一行)
                };
              }
            })
          }
        });
        return  {
          forceArr:forceArr
        }
      },
    
      objectSpanMethod({ row, column, rowIndex, columnIndex }) {
          for(let num =0;num<11;num++){
            if(columnIndex === num ) {
              const _row = (this.flitterData(this.tableData).forceArr[num]).rows[rowIndex];
              const _col = _row > 0 ? 1 : 0;
              return {
                rowspan: _row,
                colspan: _col
              };
            }
          }
      },
    
    展开全文
  • excel表格中序号编号是比较常用的,有时候修改内容之后,经常忘记更新编号,那么excel表格怎么设置自动编号呢?下面给大家介绍一种excel表格中设置自动编号的方法,希望对大家有所帮助。打开一张需要设置序号编号的...

    excel表格中序号编号是比较常用的,有时候修改内容之后,经常忘记更新编号,那么excel表格怎么设置自动编号呢?

    下面给大家介绍一种excel表格中设置自动编号的方法,希望对大家有所帮助。

    打开一张需要设置序号编号的Excel表格,在要显示编号的单元格中输入完整公式为:【=row()-2】,然后填充其他序号单元格即可。

    释义:row()是指当前行数,减去2就是 行数减去2。

    比如:

    • row()-2 是在 A1 单元格 中就是 1-2=-1
    • row()-2 是在 A2 单元格 中就是 2-2=0
    • row()-2 是在 A3 单元格 中就是 3-2=1
    • row()-2 是在 A4 单元格 中就是 4-2=2
    • 依此类推
    5b0d6844c904f002ceae59582c199905.png

    选中其中一行,进行删除,删除之后,序号自动变化。

    结果展示:

    2f647e594706f3cb41205f1fa86116e6.gif
    展开全文
  • 在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数表格,下面这个方法实现了这种填充的功能。此方法可以处理自动产生列和模版列。注意:由于时间关系,没有实现对完全空白数据的填充,...

      在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数的表格,下面这个方法实现了这种填充的功能。此方法可以处理自动产生列和模版列。注意:由于时间关系,没有实现对完全空白数据的填充,呵呵,如果需要,可以自己添加哈:)! 

    FixedRowGridView.gif

    C#:

    <%@ Page Language="C#"%>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >

    <script runat="server">
      
    // 计算数据,完全可以从数据看取得
      ICollection CreateDataSourceByXianhuiMeng()
      {
        System.Data.DataTable dt 
    = new System.Data.DataTable();
        System.Data.DataRow dr;
        dt.Columns.Add(
    new System.Data.DataColumn("学生班级"typeof(System.String)));
        dt.Columns.Add(
    new System.Data.DataColumn("学生姓名"typeof(System.String)));
        dt.Columns.Add(
    new System.Data.DataColumn("语文"typeof(System.Decimal)));
        dt.Columns.Add(
    new System.Data.DataColumn("数学"typeof(System.Decimal)));
        dt.Columns.Add(
    new System.Data.DataColumn("英语"typeof(System.Decimal)));
        dt.Columns.Add(
    new System.Data.DataColumn("计算机"typeof(System.Decimal)));

        
    for (int i = 0; i < 8; i++)
        {
          System.Random rd 
    = new System.Random(Environment.TickCount * i); ;
          dr 
    = dt.NewRow();
          dr[
    0= "班级" + i.ToString();
          dr[
    1= "【孟子E章】" + i.ToString();
          dr[
    2= System.Math.Round(rd.NextDouble() * 1002);
          dr[
    3= System.Math.Round(rd.NextDouble() * 1002);
          dr[
    4= System.Math.Round(rd.NextDouble() * 1002);
          dr[
    5= System.Math.Round(rd.NextDouble() * 1002);
          dt.Rows.Add(dr);
        }
        System.Data.DataView dv 
    = new System.Data.DataView(dt);
        
    return dv;
      }

      
    // 设置每页显示的行数  
      int TotalRowCount = 12;
      
    // 自动填充的行数
      int numCount = 0;
      protected 
    void Page_Load(object sender, EventArgs e)
      {
        
    if (!Page.IsPostBack)
        {
          GridView1.DataSource 
    = CreateDataSourceByXianhuiMeng();
          GridView1.DataBind();
        }
      }

      protected 
    void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
      {
        
    if (e.Row.RowType == DataControlRowType.DataRow)
        {
          
    // 计算自动填充的行数
          numCount++;
        }
        
    if (e.Row.RowType == DataControlRowType.Footer)
        {
          
    // 计算完毕,在此添加缺少的行
          int toLeft = TotalRowCount - numCount;
          
    int numCols = GridView1.Rows[0].Cells.Count;

          
    for (int i = 0; i < toLeft; i++)
          {
            GridViewRow row 
    = new GridViewRow(-1-1, DataControlRowType.EmptyDataRow, DataControlRowState.Normal);
            
    for (int j = 0; j < numCols; j++)
            {
              TableCell cell 
    = new TableCell();
              cell.Text 
    = "&nbsp;";
              row.Cells.Add(cell);
            }
            GridView1.Controls[
    0].Controls.AddAt(numCount + 1 + i, row);
          }
        }
      } 
    </script>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      
    <title>自动填充固定行数的 GridView</title>
    </head>
    <body>
      
    <form id="form1" runat="server">
        
    <asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound"
          Font-Size
    ="12px" CellPadding="3">
          
    <HeaderStyle BackColor="#EDEDED" />
          
    <Columns>
            
    <asp:TemplateField HeaderText="模版列">
              
    <ItemTemplate>
                
    <%#Eval("学生姓名"%>
              
    </ItemTemplate>
            
    </asp:TemplateField>
          
    </Columns>
        
    </asp:GridView>
      
    </form>
    </body>
    </html>

    转载于:https://www.cnblogs.com/spark_wu/archive/2009/03/24/1420385.html

    展开全文
  •  在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数表格,下面这个方法实现了这种填充的功能。此方法可以处理自动产生列和模版列。注意:由于时间关系,没有实现对完全空白数据的...

     在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数的表格,下面这个方法实现了这种填充的功能。此方法可以处理自动产生列和模版列。注意:由于时间关系,没有实现对完全空白数据的填充,呵呵,如果需要,可以自己添加哈:)! 

     

    展开全文
  • 你可以用 cloc 很容易地统计多种语言的源代码行数。它还可以计算空行数、代码行数、实际代码的行数,并通过整齐的表格进行结果输出。-- Sk有用的原文链接请访问文末的“原...
  • 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • Excel筛选后怎样计算筛选结果的行数? 摘自:http://www.kuqin.com/shuoit/20110524/91710.html   一般人都会使用“自动筛选”功能,筛选完成后,会在表格左下角的状态栏中提示“从多少多少条记录中找到了多少...
  • 开始学习winform了,想要实现ide的自动显示行数列数的功能 像这样子,
  • 未创建表格时 创建表格 保存表格 编辑表格 td{ text-align:center;/*设置单元格样式*/ width:100px; height:30px; } .inp{ width:80px;/*设置普通单元格输入框样式*/ height:...
  • [转]自动填充固定行数的 GridView

    千次阅读 2008-11-04 17:53:00
    自动填充固定行数的 GridView作者:孟宪会 发表于:2006-10-31 22:40:59在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数表格,下面这个方法实现了这种填充的功能。此方法可以处理自动...
  • ;position:relative;"> <el-table :data="infoTableData" cell-style="padding:6px" ref="infoTableData" border highlight-current-row> 资源ID" align="left... } } 效果: 当数据量增多时,表格高度也会随之增加
  • layui开启子级表头&自动计算合计

    千次阅读 2019-07-06 15:38:50
    自动计算合计 开发工具与关键技术:Vs 作者:蛋蛋; 撰写时间:2019/07/7 在使用Layui插件渲染表格一般都是表头固定的样式;那么 什么是子级表头?(复杂表头) 在html中 标签定义 HTML 表格中的标准单元格。  ...
  • 利用Ueditor的二次开发功能,对表格数据进行自动排名。 //排名函数文件:paiming.js //取消关闭 $G("cancelBtn").onclick = function () { dialog.close(false); }; //取上次操作参数 $G("...
  • 使用情况:当发生指定动作时,进行数据表格的重载,并自动计算,展示最后一页 let pageSize = $('.layui-laypage-limits').find('select').val();//获取表格每页展示的数据行数 let totalCode= meterCodeData.length...
  • 本来想接着写关于web的东西,不过老师突然留了个作业,就是将几百条word上面的数据转化成表格的形式. 但是很尴尬的是…我居然不会用word… 不过,咱们好歹也是学过python的人,写一个这样的脚本很简单. 一.处理的数据的...
  • 在有些开发实践中,有时候为了页面美观的需要,需要将GridView填充成固定行数表格,下面这个方法实现了这种填充的功能。此方法可以处理自动产生列和模版列。注意:由于时间关系,没有实现对完全空白数据的填充,...
  • 计算与推断思维 七、函数和表格

    万次阅读 2017-12-27 14:03:35
    七、函数和表格 原文:Functions and Tables 译者:飞龙 协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译 通过使用 Python 中已有的函数,我们正在建立一个使用的技术清单,用于识别数据集中的规律和主题。 ...
  • 通常在编辑表格表格行数是不确定的,如果一次增加太多行可能导致页面内容太多,反应变慢;通过此程序实现表格动态增加行,一直保持最下面有多个空白行。 效果: 一:原始页面 二:表1增加...
  • WPF应用 - 自动表格创建

    千次阅读 2017-05-05 20:40:20
    根据行数,列数自动创建表格,使用WPF中的Grid很容易实现,并且容易实现单元格的合并拆分。主要需要解决两个问题: 单元格的定位,那一行,那一列,占几行,占几列 单元格的边框 行,列,占行,占列该问题比较容易...
  • style="table-layout: ...表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
  • 限制html表格自动换行

    2012-01-10 09:32:51
    表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:( 总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 table{table-layout: ...
  • i++) { //这里循环表格当前的数据 var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列 var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列 if...
  • 其实现在有些版本的excel或wps已经集成了根据某列数据自动拆分表格数据,不过有些老版本的仍不支持,搜集了网上前辈的资料,结合自身实际,使用VB实现了该功能。 Sub splitTable() Dim d As Object, sht As ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 21,302
精华内容 8,520
关键字:

关于表格行数的自动计算