精华内容
下载资源
问答
  • 原生js自动生成表格

    千次阅读 2019-04-10 16:27:07
    原生js自动生成表格 直接上代码,代码注释很清楚了。 <div id="demo"></div> <script> //原生js表格绑定 var hxj_table = { headers:{}, data:[], style:{ table:{ width:'auto...

     原生js自动生成表格

    直接上代码,代码注释很清楚了。

    <div id="demo"></div>
    <script>
    	//原生js表格绑定
    	var hxj_table = {
    		headers:{},
    		data:[],
    		style:{
    			table:{
    				width:'auto',
    				height:'auto',
    				border:'1px solid #cdcdcd',
    				fontWeight:'normal'
    			},
    			th:{
    				fontSize:'20px',
    				fontWeight:'bold',
    				width:'auto',
    				height:'auto',
    			},
    			td:{
    				fontSize:'16px',
    				fontWeight:'normal',
    				textAlign:'center'
    			}
    		},
    		//1.初始化表格数据
    		init:function(headers,data,style){
    				try{
    						if(headers != null){
    							this.headers = headers;
    						}
    						if(data != null){
    							this.data = data;
    						}
    						if(style != null){
    							this.style = style;
    						}
    					}catch(e){
    						console.error(e);
    					}
    					console.log("init...");
    			 	return this;
    	  },
    	  //2.显示数据
    	  show:function(id){
    	  	try{
    	  		if(id == null){
    	  			id = "demo";
    	  			document.write("<div id='demo'><div>");
    	  		}
    	  		var table = "";
    	  		table += "<table style='width:"+this.style.table.width+";height:"+this.style.table.height+";border:"+this.style.table.border+";font-weight:"+this.style.table.fontWeight+"'>";
    	  		if(this.headers!=null){
    	  			 table += "<tr>";
    	  			 for(let header in this.headers){
    	  			 	 table += "<th style='font-size:"+this.style.th.fontSize+";font-weight:"+this.style.th.fontWeight+";width:"+this.style.th.width+";height:"+this.style.th.height+"'>" + this.headers[header] + "</th>";
    	  			 }
    	  			 table += "</tr>";
    	  		}
    	  		if(this.data!=null){
    	  			 
    	  			 for(let tr in this.data){
    	  			 	 table += "<tr>";
    	  			 	 for(let td in this.data[tr]){
    		  			 	 table += "<td style='font-size:"+this.style.td.fontSize+";font-weight:"+this.style.td.fontWeight+";text-align:"+this.style.td.textAlign+"'>" + this.data[tr][td] + "</td>";
    	  			 
    		  			 }
    	  			 	 table += "</tr>";
    	  			 }
    	  			 
    	  		}
    	  		table += "</table>";
    	  		document.getElementById(id).innerHTML = table;
    	  		console.log("success!");
    		  }catch(e){
    		  	console.error(e);
    		  }
    	  }
    	}	
    	//初始化调用
    	;(function(){
    		let headers = {name:'姓名',age:'年龄',high:'身高',weight:'体重',school:'学校',birth:'生日'};
    		let data = [{name:'john',age:18,high:'190cm',weight:'180',school:'交大',birth:'2001-01-01'},{name:'jack',age:18,high:'180cm',weight:'160',school:'交大',birth:'2001-01-01'}];
    		let style;
    		hxj_table.init(headers,data,style).show();
    	})() 
    </script>
    

     代码效果:

    展开全文
  • js简单实现自动生成表格

    千次阅读 2019-09-20 23:20:18
    JS实现自动生成表格 由于自己的算法8太行,所以只能尽量用简单点的方法实现效果 下面直接上代码 <table id="table"> <thead> <td>姓名</td> <td>年龄</td> <td>身高...

    JS实现自动生成表格

    由于自己的算法8太行,所以只能尽量用简单点的方法实现效果
    下面直接上代码

      <table id="table">
        <thead>
          <td>姓名</td>
          <td>年龄</td>
          <td>身高</td>
        </thead>
        <tbody></tbody>
      </table>
    
     <style>
        .del{
          cursor: pointer;
          color: blue;
        }
      </style>
    
    <script>
        var tableInfo = [
          { 姓名: '张三', 年龄: 20, 身高: 160 },
          { 姓名: '李四', 年龄: 18, 身高: 158 },
          { 姓名: '王二麻子', 年龄: 19, 身高: 180 },
          { 姓名: '孙悟空', 年龄: 100, 身高: 150 },
          { 姓名: '猪八戒', 年龄: 100, 身高: 155 },
          { 姓名: '龟龟', 年龄: 200, 身高: 0.5 }
        ]
          var tr = document.createElement('tr');
          var tdName = document.createElement('td');
          var tdAge = document.createElement('td');
          var tdTall = document.createElement('td');
          var del = document.createElement('span');
    
          //td赋值为对应的表格信息
          tdName.innerHTML = tableInfo[i].姓名;
          tdAge.innerHTML = tableInfo[i].年龄;
          tdTall.innerHTML = tableInfo[i].身高;
          //设置删除按钮
          del.innerHTML = '删除';
          del.className = 'del';
          //调用创建函数
          createAll(tdName, tdAge, tdTall);
    
        }
        //创建tr>td 和删除按钮
        function createAll(tdName, tdAge, tdTall) {
          table.appendChild(tr);
          tr.appendChild(tdName);
          tr.appendChild(tdAge);
          tr.appendChild(tdTall);
          tr.appendChild(del);
        }
        //设置删除按钮的点击事件
        var btnDel = document.getElementsByClassName('del');
        for (var i = 0; i < btnDel.length; i++) {
          btnDel[i].onclick = function () {
            //找到删除键的父节点(tr)并移除
            this.parentNode.remove();
          }
        }
        </script>
    

    代码效果:

    在这里插入图片描述

    如果有什么地方做的不够完善,请多多指教

    展开全文
  • 小白使用python自动生成表格数据

    千次阅读 2019-04-25 17:51:44
    直接说步骤吧,首先,你要有个paython3 之后,通过cmd加上两个库 如果看到你已经成功了呢?...这样就生成了一个excel的表格了,最后一行就是文件的名称,倒数第三行就是行的数量,也就是数据的数量。 以上。 ...

    直接说步骤吧,首先,你要有个paython3
    之后,通过cmd加上两个库
    就是这两个库
    如果看到你已经成功了呢?可以看看会有下面的信息
    在CMD中实现
    会有安装进度,这样的话就安装成功了。

    之后运行脚本,你可以一个一个敲
    代码
    这样就生成了一个excel的表格了,最后一行就是文件的名称,倒数第三行就是行的数量,也就是数据的数量。

    以上。

    展开全文
  • 利用python-docx编写脚本,运行脚本-输入个人信息-自动生成两个word模板 脚本用到的python-docx库的功能: 1、创建与合并表格 2、添加文本 3、设置文本属性(如大小、加粗、下划线、居中等) 安装python-docx: pip ...

    背景

    因为工作原因,需要经常往两个word模板里填写内容并生成新的word文件,模板大致如下图:
    在这里插入图片描述

    在这里插入图片描述

    老的工作流程:

    打开两个表,在表中对应位置填写个人信息,保存。这样一来,当需要填写的信息比较多的时候,工作就会繁琐。

    新的工作流程:
    利用python-docx编写脚本,运行脚本-输入个人信息-自动生成两个word模板

    脚本用到的python-docx库的功能:
    1、创建与合并表格
    2、添加文本
    3、设置文本属性(如大小、加粗、下划线、居中等)

    安装python-docx:
    pip install python_docx

    创建与合并表格
    在python-docx中有表格对象(Table)。我们可以把一个表格看成M行(Row)N列(Column)的矩阵。

    表格中的一个“格子”就是一个cell对象,同时它还有rows(行)和columns(列)属性

    首先创建一个新的文档

    from docx import Document
    document = Document()

    然后用Document类的add_table方法增加一个表格,其中rows是行,cols是列,style表格样式,具体可以查看官方文档:

    table = document.add_table(rows=37,cols=13,style=‘Table Grid’)

    上述代码就在word里插入了一个37行、13列的表格。(有37*13=481个cell)

    生成的每个cell都是有“坐标”的,比如上面的表格左上角cell为(0,0),右下角cell为(36,12)

    下面要做的就是合并一些cell,从而达到我们最终需要的表格

    table.cell(0,0).merge(table.cell(2,2))

    上述代码就将cell(0,0)到cell(2,2)之间的所有cell合并成一个cell

    这里需要注意的是,虽然每个cell都合并了,但其实它还是存在的。比如合并了(0,0)和(0,1)两个cell,那么这个合并的cell其实就是(0,0;0,1)

    如果cell较多,无法直观的看出坐标的话,可以用下列的代码将每个cell的坐标都标注出来,方便合并

    document = Document()
    table = document.add_table(rows=37,cols=13,style=‘Table Grid’)
    document.save(‘table-1.docx’)
    document1 = Document(‘table-1.docx’)
    table = document1.tables[0]
    for row,obj_row in enumerate(table.rows):
    for col,cell in enumerate(obj_row.cells):
    cell.text = cell.text + "%d,%d " % (row,col)
    document1.save(‘table-2.docx’)

    添加文本
    将所有cell依次合并后,就需要向合并后的cell里添加文本。

    用table的row方法可以得到一个表格的一行list其中包含了这一行的所有cell
    hdr_cells0 = table.rows[0].cells

    上面代码就得到了合并表格后的第一行所有cell,然后我们用hdr_cell0[0]就可以得到合并表格后的第一行的第一个cell。用add_paragraph方法即可像cell里添加文本

    hdr_cells0[0].add_paragraph(‘院(系)\n’)

    上面已经说过,合并的cell其实还是存在的。因为我所需要的表格第一个cell实际合并了(0,0)—(2,2)之间六个cell。所以hdr_cell0[0].add_paragraph其实就是向这六个cell里写入内容。

    第二个cell合并的是(0,3)—(2,6)之间的cell。所以就应该向(0,3)写入文本,其实向这之间任一一个cell写入文本都是可以的,所以应该是

    hdr_cells0[3].add_paragraph(‘院’)
    按照上面的方法依次类推,就可以将所需表格的整体部分做成。

    设置文本属性(如大小、加粗、下划线、居中等)

    合并表格并且添加了所需文本后,下面就需要设置表格内文本的各种属性了,比如大小、加粗、下划线、居中等

    在python-docx中,word主要有两种文本格式等级:块等级(block-level)和内联等级(inline-level)。word中大部分内容都是由这两种等级的对象组成。

    段落是word文件中主要的块对象,图片、表、标题、列表也是块对象

    内联对象是块对象的组成部分块对象的所有内容都包含在内联对象中,一个块对象由一个或多个内联对象组成

    run 是常用的内联对象,例如:

    p = document.add_paragraph(‘This is paragraph’)
    p.add_run(‘bold’).bold = True
    p.add_run(’ and some ').font.size = Pt(14)
    p.add_run(‘italic.’).italic = True
    这个例子中一个段落(块对象)包含三个 run(内联对象),每一个 run 依次设置了粗体、大小、斜体三种属性

    具体设置run属性直接用代码说明,更详细的请直接查阅官方文档

    from docx import Document
    from docx.shared import Inches, Pt
    from docx.enum.text import WD_ALIGN_PARAGRAPH
    document = Document()
    #设置整个文档的默认字体
    document.styles[‘Normal’].font.name = u’宋体’
    document.styles[‘Normal’]._element.rPr.rFonts.set(qn(‘w:eastAsia’), u’宋体’)
    p1=document.add_paragraph()
    #设置p1段落居中
    p1.paragraph_format.alignment = WD_ALIGN_PARAGRAPH.CENTER
    #p1段落大小
    p1.paragraph_format.line_spacing = Pt(25)
    #给p1段落添加run对象r1,并设置文本
    r1 =p1.add_run(‘添加文本\r添加文本\n’)
    #文字大小
    r1.font.size = Pt(16)
    #粗体
    r1.bold = True
    #下划线
    r1.font.underline = True
    源代码已上传至:
    https://github.com/juventusryp/python-in-life

    参考链接:

    1. https://www.cnblogs.com/ontheway703/p/5266041.html

    2. https://zhuanlan.zhihu.com/p/22614722

    展开全文
  • jquery ajax自动生成表格table(一)

    万次阅读 热门讨论 2013-08-21 20:00:09
    然后根据这个骨架用ajax来把动态生成table的各个行,并把后台数据添加到table中 ajaxPost({ type:"GET", url:"<c:url value='/logDetails.auth'/>", data:"datas="+datas;//要发送的数据 //...
  • 插图表格清单自动生成

    千次阅读 2020-04-01 19:33:13
  • Latex自动生成插图和表格目录

    千次阅读 2019-03-22 15:26:40
    生成插图目录的命令 \listoffigures 可以自定义目录名 \renewcommand\listfigurename{插\ 图\ 目\ 录} ...生成表格目录的命令 \listoftables 可以自定义目录名 \renewcommand\listtablename{表\ 格\ 目\ 录} ...
  • 原生js动态生成表格 给定一个二维数组 自动生成一个带序号的表格 JavaScript function innerlist(arrs){ var tr1 = ''; var tr2 = ''; var td = ''; var ove=""; var num = 0; var arr = new Array(); for(i=...
  • Latex——在线快速生成表格代码

    千次阅读 2020-01-13 20:59:33
    latex在线生成表格的网站:http://www.tablesgenerator.com/latex_tables 这个网站可以通过三种方式来生成latex表格代码:1、自己设置表格;2、直接导入csv表格;3、直接复制表格内容 1、自己设置表格 点击File,...
  • 例如,在正文中有大量如图1所示的数据表格,使用表格自动套用格式(如图2)可以快速制作同样样式格式的表格。只要设定一些表格的样式和格式,就可以大量的生成同样样式格式的表格,直接套用,非常方便。图1 复杂表格...
  • 本来想接着写关于web的东西,不过老师突然留了个作业,就是将几百条word上面的数据转化成表格的形式. 但是很尴尬的是…我居然不会用word… 不过,咱们好歹也是学过python的人,写一个这样的脚本很简单. 一.处理的数据的...
  • 使用VC 6.0实现自动生成Word表格

    千次阅读 热门讨论 2008-11-30 10:07:00
    最近在VC6.0 环境下开发一个管理系统,界面开发花了不少功夫却感觉华而不实,自动生成word表格的功能实现了,倒觉得蛮实用的(1)首先,向你的项目中添加word 2003类型库:方法是在MFC ClassWizard中点击按钮Add ...
  • 像编辑Excel一样编辑LaTeX表格,除此之外,还支持 Excel、CSV、...目前用着挺顺手,但是表格的样式还不能自动生成。 Kang:用https://tableconvert.com/写表格,还支持 Excel、CSV、Markdown、HTML table 转 L...
  • 以Latex代码的形式去画一个表格对于刚开始投英文期刊的同学来说可能有一点难度,TablesGenerator你值得... TableGenerator是一款在线表格生成制作工具,代码工具。网站描述TablesGenerator是一个在线制作 LaTeX、HTM...
  • 表格什么感觉?苦,累! 天天做表格什么感觉?很苦,很累! 但是我们还要不要继续?要! 为什么?因为老板说要!   没有经过表格磨练的职场人算不上真正的职场人   我想这句话,大部分人是...
  • **实现效果:**动态生成N行M列表格,并且每个表格数字随机,背景颜色随机 代码: <!DOCTYPE html> <... <...面试题-动态生成表格</title> <style> body{ font:700...
  • } style> head> <body> <table cellspacing="0"> <thead> <tr> 姓名th> 科目th> 成绩th> 操作th> tr> thead> <tbody> tbody> table> <script> // 里面的数据是动态的,需要用js动态生成 // 所有的数据都是放在tbody...
  • 今天Word联盟就为大家介绍五种制作Word自动生成目录的方法,哪怕你是刚入门的菜鸟也可以学会哦! 相关视频教程 创建目录创建目录2目录的制作自动添加目录Word2003全套视频教程 方法一 1、用WORD根据文章...
  • tp5中使用phpexcel生成表格

    千次阅读 2017-12-17 12:14:21
    最近项目中需要使用使用phpexcel生成表格,但是在由网页导出excel时,文件的后缀总是会带上html。 后来调试了半天发现,需要在header头输出之前使用ob_end_clean( )去清除php缓冲区中的内容。因为在herder头...
  • 用VBA制成的可根据模板工作表,批量生成新的工作表,并能自动编号及工作表命名。
  • 表格生成

    2019-10-25 08:48:58
    自动生成表格的小程序 当你在相应的输入框内输入表格的行高,列宽,多少行,多少列的数字后,点击创建表格就会自动生成你想要的表格。 未输入数据之前: 输入要生成表格数据之后点击创建表格:(为了更好的区分行...
  • EXCEL自动生成合同

    2010-10-03 08:12:49
    自动生成合同,通过电子表格EXCEL生成合同。自动生成合同,通过电子表格EXCEL生成合同。
  • rowHeight tText.elementPositionX=upperX+6 return 二、利用数据驱动页面绘制表格,动态生成表格内容并输出地图图片 1、需要动态生成表格的主要目的是自动更新表格里的内容,此处根据图层属性表里的记录内容动态...
  • 利用EXCEL自动生成20以内加减法

    万次阅读 2019-11-24 14:38:35
    小学开始学计算题的时候,经常需要练习10以内加减法,20以内加减法等等,每天找题目让人比较头疼,自己写又比较耗时间,于是想着利用表格中的随机函数能不能自动生成习题。在网上找了几个方法试着弄了一下成功了,...
  • 这个需求是交流群一个同学提出来的,当时没当回事,但是想想,如果能只设置一些参数就可以自动生成这种表单表格感觉好牛叉的。生成代码一定要简单。最终效果图: 首先要实现一个 IForm 接口 public ...
  • 如何自动生成图表目录

    千次阅读 2012-04-25 16:34:23
    表格 1自动生成表格标题目录 1 11 12 13 2 21 22 23 2、 全选表格后点右健,弹出题注(C)… 3、然后在题注里面输入:自动生成表格标题目录 ...
  • 2、结合Freemarker生成word Word模版的制作 新建moban.doc文档,并将模版表格(这个格式可以是任意的,根据自己的情况跳整)复制进去,如下: 格式 然后将moban.doc另存为moban.xml,再将moban.xml拷贝到idea,...
  • //拼接表格的行和列 //str = "" + 0 + "" + 0 + "" + 0 +"" + 0 +""; str = "" + data[i].id + "" + data[i].sender.name+data[i].sender.telCode + "" + data[i].recever.name+data[i].recever.telCode ...
  • VB实现自动生成统计图表

    千次阅读 2018-04-30 20:38:11
    表格自动生成统计图表。 使用对象 需要统计出各种直方图、饼图、趋势图需要的人员。 功能概述 1.自动选择表格,自动化生成统计图表。 2.自动设置图表式样、格式 3.设置按钮,满足‘一键完成统计图表’ 主要...
  • 几天不研究学习Excel感觉心里总是空空的,所以今日在解答朋友如何快速定位到第一个工作表的快捷键的时候...一点目录就进入对应的工作表格呢?据说1000个会Excel的人中,只有不到3个人会这个功能,到目前位置全球会这

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,743
精华内容 10,697
关键字:

如何制作自动生成表格