表格

srczh.js中的表格允许动态构建、数据绑定、类型自定义等。 要使用srczh.js中的表格功能,请在页面中引入srczh.table.js。

项目地址

https://srczh.com/src/soft/srczh_table

参数定义

src_table
id/class*id或class创建对象
thead表格头允许直接定义表头
tbody表数据允许直接定义表数据
notdtrue,false表行编号
mvtdtrue,false表列位置移动(使用鼠标中键按住拖到需要移动列位)
cgtdtrue,false表列隐藏
edtdtrue,false表格编辑
rstbtrue,false表格缩放
scrolltrue,false表格滚动
ovedstrue,false预留空行
tdwtrue,false指定列宽度
tdsizetbl-1,tbl-2表行高度

动态构建

				//通过定义thead和tbody创建src-table
				var tjson ={
				id : 'qxtablet',
				thead :[ '测试','发现','开始','准备','接续','触发','结束' ],
				tbody:[[['测试1','发现2','开始3','准备4','接续5','触发6','结束7']],[['a', 'b','c','d','e','f','g']],[["1","2","3","4","5","6","7"]]],
				notd:true,//表格编号
				mvtd:true,//表格列移动
				pxtd:true,//列排序
		//		cltd:true,//列锁定
				cgtd:true, //列可以隐藏
				edtd:true,//表格编辑
				rstb:true,//表格大小缩放
	//			scroll:true, //滚动条
				oveds:true, //预留空行
				//tdw:["30%","10%","10%","10%","20%","10%","10%"]
			};
			new src_table(tjson);
			

表格生成

				
id名称邮箱
1adminadmin@srczh.com
2publicpublic@srczh.com
3zjunzjun@srczh.com
				//直接通过表格反转为src-table
				var tjson ={
				id : 'tablet',
				notd:true,//表格编号
				mvtd:true,//表格列移动
				pxtd:true,//列排序
				cltd:true,//列锁定
				cgtd:true, //列可以隐藏
				edtd:true,//表格编辑
				rstb:true,//表格大小缩放
				scroll:true, //滚动条
				oveds:true, //预留空行
				tdw:["10%","10%","40%"]
			};
			new src_table(tjson);
				
id名称邮箱
1adminadmin@srczh.com
2publicpublic@srczh.com
3zjunzjun@srczh.com

树状表格

				
名称描述
HtmlHtml文档元素
文本框文本输入框
选择框下拉选择窗
列表多选选择列表
				var json ={
						id : 'templtables',
						notd:true,//表格编号
						mvtd:true,//表格列移动
						tree:true,
						cgtd:true,//列隐藏
						pxtd:true,//列排序
						cltd:false,//列锁定
					//	edtd:false,//表格编辑
						rstb:false,//表格大小
						style :'eclipse',
						tdw:["20%","50%",]
					};
				new src_table(json);
				
名称描述
HtmlHtml文档元素
文本框文本输入框
选择框下拉选择窗
列表多选选择列表
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司