layui-table 样式
2024-09-05 20:37:14
<!DOCTYPE html>
<html> <head>
<style>
#lay-table {
background-color: #fff;
color: #;
border-collapse: collapse;
border-spacing: ;
} #lay-table td {
border-width: 1px;
border-style: solid;
border-color: #e6e6e6;
}
</style> <body>
<table id="lay-table">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</head> </html>
<!DOCTYPE html>
<html> <head>
<style>
#lay-table {
background-color: #fff;
color: #;
border-collapse: collapse;
border-spacing: ;
margin: auto;
margin-top: 20px;
} #lay-table td {
border-width: 2px;
border-style: solid;
border-color: #;
padding: 20px;
}
</style> <body> <table id="lay-table001" style="display:none;">
<tr>
<td>到访时间</td>
<td colspan="">
-- ::
</td>
</tr>
<tr>
<td>来宾姓名</td>
<td>张宝珠</td>
<td>联系电话</td>
<td></td>
</tr>
<tr>
<td>身份证号</td>
<td colspan=""> </td>
</tr>
<tr>
<td>来宾单位</td>
<td>xxx科技公司</td>
<td>来宾人数</td>
<td></td>
</tr>
<tr>
<td>访问部门</td>
<td>技术部</td>
<td>被访问人</td>
<td>张小东</td>
</tr>
<tr>
<td>携带物品</td>
<td colspan="">15箱A4打印机;</td>
</tr>
<tr>
<td>事由</td>
<td colspan="">因啥啥啥,或者公司集体组织参观活动等等</td>
</tr>
</table> <div>
<div style="text-align: center;margin-top: 50px;"><span style="font-size: 20px;font-weight: 600;">来访单</span></div>
<table id="lay-table"><tr><td>到访时间</td><td colspan="">-- ::</td></tr>
<tr><td>来宾姓名</td><td>张宝珠</td><td>联系电话</td><td></td></tr>
<tr><td>身份证号</td><td colspan=""></td></tr>
<tr><td>来宾单位</td><td>xxx科技公司</td><td>来宾人数</td><td></td></tr>
<tr><td>访问部门</td><td>技术部</td><td>被访问人</td><td>张小东</td></tr>
<tr><td>携带物品</td><td colspan="">15箱A4打印机;</td></tr>
<tr><td>事由</td><td colspan="">因啥啥啥,或者公司集体组织参观活动等等</td></tr></table>
</div> <script src="MyStringBuilderHanbleHelper.min.js"></script>
<script>
//获取值得方法1
var model = {};
var inputs = document.getElementsByTagName('input'); // 获取input集合
for (var i = ; i < inputs.length; i++) {
if (inputs[i].name.length > ) {
model[inputs[i].name] = inputs[i].value;
}
} var model = {};
model["Phone"] = "";
model["time"] = "2020-01-02 10:60:60";
model["VisitorName"] = "来宾姓名";
model["CardID"] = "";
model["Unit"] = "来宾单位";
model["VisitedDepart"] = "访问部门";
model["VisitedName"] = "被访问人";
model["Matter"] = "请假事由!!!";
model["Valuable"] = "携带物品";
model["Num"] = "来宾人数"; var sb = new HandleHelper.MyStringBuilder();
sb.appendFormat('<div>');
sb.appendFormat('<div style="text-align: center;margin-top: 50px;"><span style="font-size: 20px;font-weight: 600;">来访单</span></div>');
sb.appendFormat('<table id="lay-table"><tr><td>到访时间</td><td colspan="3">{0}</td></tr>',model.Phone);
sb.appendFormat('<tr><td>来宾姓名</td><td>{0}</td><td>联系电话</td><td>{1}</td></tr>',model.VisitorName,model.Phone);
sb.appendFormat('<tr><td>身份证号</td><td colspan="3">{0}</td></tr>',model.CardID);
sb.appendFormat("<tr><td>来宾单位</td><td>{0}</td><td>来宾人数</td><td>{1}</td></tr>",model.Unit,model.Num);
sb.appendFormat("<tr><td>访问部门</td><td>{0}</td><td>被访问人</td><td>{1}</td></tr>",model.VisitedDepart,model.VisitedName);
sb.appendFormat('<tr><td>携带物品</td><td colspan="3">{0}</td></tr>',model.Valuable);
sb.appendFormat('<tr><td>事由</td><td colspan="3">{0}</td></tr></table>',model.Matter);
sb.appendFormat('</div>');
document.body.innerHTML = sb.toString();
//window.print(); </script>
</body>
</head> </html>
最新文章
- Lattice Codes
- C# - JSON详解
- Mycat+Mysql 插入数据报错 i[Err] 1064 - partition table, insert must provide ColumnList
- (转)教你实现Winform窗体的四边阴影效果
- jquery实现nav的下拉
- jQuery 实现带下拉提示且自动填充的邮箱
- copy-on-write(写时拷贝技术)
- mac 压缩png图片资源 pngcrush命令
- Codeforces Round #396.D
- unity还原three导出的json——基本模型,位移,旋转,缩放
- string::npos的一些说明
- 生成git私钥
- [Swift]LeetCode989. 数组形式的整数加法 | Add to Array-Form of Integer
- python迭代-如何使用生成器函数实现可迭代对象
- luogu1706全排列
- python3 函数function
- 【译】异步JavaScript的演变史:从回调到Promises再到Async/Await
- ElasticSearch权威指南学习(映射和分析)
- 【做题】CF1045(ABH)
- redis使用epoll
热门文章
- 辣些数据结构的思维题(思维题好难一个都不会TAT)
- Cannot resolve collation conflict between ";Chinese_Taiwan_Stroke_CI_AS"; and ";Chinese_PRC_CI_AS"; in UNION ALL operator occurring in SELECT statement column 1.
- 使用python 写一个 股票涨跌提醒功能
- [Arc083D/At3535] Restoring Road Network - 最短路,结论
- Winform form窗体已弹出框的形式出现并回传值
- 执行python程序的方式
- 字符串匹配算法--KMP字符串搜索(Knuth–Morris–Pratt string-searching)C语言实现与讲解
- could not parse as expression: ";/login"; (template: ";include/include"; - line 32, col 42)
- visual env VS conda environment of python
- valign