首页 > 其他分享 >表头与表格对齐

表头与表格对齐

时间:2022-09-20 17:02:12浏览次数:55  
标签:表格 tr 表头 width 对齐 td tablehead eq find

function tablealign(RetSFXM, RetSFFS) {
    var lengthTR = $("#tabledata tr:eq(0) td").length
    $("#tablehead colgroup").remove();
    $("#tablehead tr:eq(0)").find("td").eq(5).width(RetSFXM * 100 -1)
    $("#tablehead tr:eq(0)").find("td").eq(6).width(RetSFFS * 100 -1)
    for (var i = 0; i < lengthTR; i++) {
        //$("#tabledata tr:eq(0)").find("td").eq(i).width()
        if (i < 5) {
            $("#tablehead tr:eq(0)").find("td").eq(i).width($("#tabledata tr:eq(0)").find("td").eq(i).width() - (-1))
            //$("#tablehead tr:eq(0)").find("td").eq(i).width(89)
            //console.log($("#tablehead tr:eq(0)").find("td").eq(i).width())
            //console.log($("#tabledata tr:eq(0)").find("td").eq(i).width())
        } else if (i < lengthTR - 1) {
            $("#tablehead tr:eq(1)").find("td").eq(i - 5).width($("#tabledata tr:eq(0)").find("td").eq(i).width() - (-1))
            //$("#tablehead tr:eq(1)").find("td").eq(i - 5).width(98)
            //console.log($("#tablehead tr:eq(1)").find("td").eq(i-5).width())
            //console.log($("#tabledata tr:eq(0)").find("td").eq(i).width())
        } else {
            $("#tablehead tr:eq(0)").find("td").eq(7).width($("#tabledata tr:eq(0)").find("td").eq(i).width() - (-1))
            //console.log($("#tablehead tr:eq(0)").find("td").eq(7).width())
            //console.log($("#tabledata tr:eq(0)").find("td").eq(i).width())
        }

    }
}
//设置表格对齐
function tablealign() {
    var lengthTR = $("#tabledata tr:eq(0) td").length
    for (var i = 0; i < lengthTR; i++) {
        //$("#tabledata tr:eq(0)").find("td").eq(i).width()
        if (i < 7) {
            $("#tablehead tr:eq(0)").find("td").eq(i).width($("#tabledata tr:eq(0)").find("td").eq(i).width()-(-1))
            //console.log($("#tablehead tr:eq(0)").find("td").eq(i).width())
            //console.log($("#tabledata tr:eq(0)").find("td").eq(i).width())
        } else {
            $("#tablehead tr:eq(1)").find("td").eq(i - 7).width($("#tabledata tr:eq(0)").find("td").eq(i).width()-(-1))
            //console.log($("#tablehead tr:eq(1)").find("td").eq(i-7).width())
            //console.log($("#tabledata tr:eq(0)").find("td").eq(i).width())
        }
        
    }
    //console.log()
}

 

标签:表格,tr,表头,width,对齐,td,tablehead,eq,find
From: https://www.cnblogs.com/Ma-YuHao/p/16711662.html

相关文章

  • element ui / vue 表格组件
    ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。官网地址:http://element-cn.eleme.io/#/zh-CN在页......
  • T1003: 对齐输出(信息学一本通C++)
    [题目描述]读入三个整数,按每个整数占8个字符的宽度,右对齐输出它们,按照格式要求依次输出三个整数,之间以一个空格分开。[输入]只有一行,按照格式要求依次输出三个整数,之间......
  • ElementUI Table 表格树形结构多选框选中父级时会选中子级(递归多级)
    <template> <el-table:data="renderDynamic"ref="product"borderrow-key="id":row-class-name="rowClassNameFun" :header-row-class-name="headerRowClassName"......
  • 表头与行的联动及数据处理
      下拉框组件两个功能:(1)可以接收父组件的值(2)修改的时候可以把值传给父组件特殊:有自定义的功能  <Selectvalue={selectedValue}onChange={(value)=>{s......
  • vue中循环table表格数据,可编辑的列表(新增、删除、修改)
    原文链接:https://blog.csdn.net/qq_24441205/article/details/1261426691.如何循环如下图table表格数据(注:emerResponseDetail为整个列表定义的数据对象)因"作业人员"为......
  • 案例:动态生成表格
    案例:动态生成表格注意:本案例不涉及数据库style:body:script:结果:当点击删除时,对应的行会被删除......
  • elementUI-点击表格某一行携带参数跳转到另一个页面-路由携参
    1.应用场景示例(1)在任务下发界面,点击查看巡检结果,携带tsakId,times跳转到任务结果界面,查询任务对应的任务结果(2)任务结果页面2.实现方法及步骤(1)通过el-table,添加操作列......
  • C#内存对齐
    C#类和字段内存对齐https://docs.microsoft.com/en-us/dotnet/api/system.runtime.interopservices.structlayoutattribute.pack?view=net-6.0......
  • fastadmin表格列表点击字段名称进行排序
    fastadmin表格列表点击字段名称进行正序,倒叙排序{field:'createtime',title:__('Createtime'),sortable:true,operate:'RANGE',addclass:'datetimerange',formatt......
  • 【面试题】js实现将excel表格copy到页面
    js实现将excel表格copy到页面点击打开视频讲解更加详细其实最核心的技术,还是copy的是我们粘贴板上的数据就像平常怎么粘贴复制其他的数据一样,只是我们在excel粘贴的是一......