分类
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery-1.7.2.min.js"></script> <script src="js/tableRender.js"></script>
<div class="container"></div> <script> $(".container").tableRender({ firstRowText:"站序号",//第一行与第一列重叠的td的内容 captions:[//表头部分修改 { title:"所属分公司:", content:"客四", style:{ fontSize:14, fontFamily:"微软雅黑" } },{ title:"文件编号:", content:"0001", style:{ fontSize:14, fontFamily:"微软雅黑" } } ], mapObj:{//字段映射 "name":"下行站名", "stationSpacing":"站距", "cumKil":"累计公里", "queueKil":"站对公里", "valuationKil":"计价公里", "vadiCenterKil":"副中心计价距离", "ticketPrice":"票价", "stationNum":"站位号", "transitTime":"通过时间", "remarks":"备注" }, set:{//设置 head:{//表头样式 backgroundColor:'#C4E3F3' }, type:"transverse",//表格样式 vertical | transverse editRow:["stationSpacing","queueKil","transitTime"],//可编辑的行 字段内容为数据字段名 addRow:["transitTime"],//可添加/删除 的行[仅在transverse样式中可用] mergeTd:["remarks"]//合并列[仅在transverse样式中可用] }, data:{ //数据 dataArray中为每一列的数据 其它属性的字段占满全行 dataArray:[//b表格内容数据修改 { "name":"西二旗大街", "stationSpacing":"0.00", "cumKil":"0.00", "queueKil":"0.00", "valuationKil":"0.00", "vadiCenterKil":"0.00", "ticketPrice":"0.00", "stationNum":"00001", "transitTime":"6:45", "remarks":"<span style='margin-right: 20px;font-size: 12px;'>平均路长:(61.30)公里</span><span style='margin-right: 20px;font-size: 12px;'>计价线长:(51.57)公里</span><span style='margin-right: 20px;font-size: 12px;'>首站营业时间:6:45</span>" } ], //还可以在结尾添加占满全行的tr[仅在transverse样式中可用] addTr:["<span style='margin-right: 20px;font-size: 12px;margin-left: 20px;'>分公司制表人:张三</span><span style='margin-right: 20px;font-size: 12px;'>分公司审核人:李四</span>"] }, editCallback:function (data) {//编辑后自动触发回调函数,返回最新数据(只返回dataArray中非html代码部分的字段数据) console.log(data); } }); </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。