<!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>

layui-table 样式的更多相关文章

  1. layui table指定某一行样式

    1.想指定layui table中某一行的样式,找了这个资源可行.转自: https://blog.csdn.net/weixin_44729896/article/details/100524824 ...

  2. 项目总结17-使用layui table分页表格

    项目总结17-使用layui table分页表格总结 前言 在项目中,需要用到分页的表格来展示数据,发现layui的分页表格,是一个很好的选择:本文介绍layui table分页表格的前后端简单使用 ...

  3. layui table 分页 记住之前勾选的数据

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. layui table表格详解

    上次做table有些东西 忘记了 这次当作来个分析总结一下  跟大家共同学习 闲话不多说 直接上例子   代码: <form id="form1" runat="s ...

  5. table完美css样式，table的基本样式，table样式

    table完美css样式,table的基本样式,table样式 >>>>>>>>>>>>>>>>> ...

  6. 经常使用的两个清爽的table样式

    两个我经常使用的table样式: <html> <head> <title></title> <style type="text/css ...

  7. 通用table样式

    <html> <head> <title>通用table样式</title> <style type="text/css"&g ...

  8. Table样式设置

    <table class="listTable"> <tr><th width="40px">序号</th>&l ...

  9. layui table分页 page为false时，limit问题

    问题描述:table数据表格page设为false时,limit为默认设置10 解决办法:limit设为 Number.MAX_VALUE 加载全部数据 实例: var table = layui.t ...

  10. layui.table图片显示不全和404问题

    1.图片显示不全 在使用layui.table组件中,加载的图片显示不全,需重新定义CSS如下: .layui-table-cell{ height: auto!important; white-sp ...

随机推荐

  1. RYU安装教程

    一.使用pip的形式安装RYU 1.首先检查ubuntu中是否存在pip,命令为 sudo pip3 --version 2.如果存在则使用默认版本8.1.1就行不必跟新,否则自己下载一个pip 3. ...

  2. java8的ConcurrentHashMap为何放弃分段锁，为什么要使用CAS+Synchronized取代Segment+ReentrantLock

    原文地址:https://cloud.tencent.com/developer/article/1509556 推荐一篇 ConcurrentHashMap 和 HashMap 写的比较的的文章 j ...

  3. SpringBoot 测试基类

    每次写单元测试都要重复写一些方法.注解等,这里我写了一下测试的基类 (1) 记录测试方法运行的时间 (2)两个父类方法 print,可打印list和object对象 (3)一个属性 logger 记录 ...

  4. python之路递归、冒泡算法、装饰器

    map使用 完整用户名登录,注册 冒泡排序 递归 def func(arg1,arg2): if arg1 == 0: print arg1, arg2 arg3 = arg1 + arg2 prin ...

  5. 洛谷P1372 又是毕业季I

    https://www.luogu.org/problem/P1372 #include<bits/stdc++.h> using namespace std; long long n,k ...

  6. EF中的上下文（DbContext）简介

    DbContext是实体类和数据库之间的桥梁,DbContext主要负责与数据交互,主要作用: 1.DbContext包含所有的实体映射到数据库表的实体集(DbSet < TEntity > ...

  7. C++-随机数的产生

    一.随机数 以前学C语言的时候感觉随机数没啥用的,现在想想是自己无知啦,在帮人做一个项目的时候发现随机数还是相当有用的,我们可以利用随机数来生成大量的测试数据. 有两种方法可以让你的程序每次运行结果不 ...

  8. c#自带压缩类实现的多文件压缩和解压

    用c#自带的System.IO.Compression命名空间下的压缩类实现的多文件压缩和解压功能,缺点是多文件压缩包的解压只能调用自身的解压方法,和现有的压缩软件不兼容.下面的代码没有把多文件的目录 ...

  9. 银行业务队列简单模拟（队列queue）

    设某银行有A.B两个业务窗口,且处理业务的速度不一样,其中A窗口处理速度是B窗口的2倍 —— 即当A窗口每处理完2个顾客时,B窗口处理完1个顾客.给定到达银行的顾客序列,请按业务完成的顺序输出顾客序列 ...

  10. java下载和环境变量配置

    初学java,以前没有接触过这方面内容,所以简要记录一下我2个月的学习流程. 首先,我在慕课上学习java的基础,浙江大学翁恺老师的课程. 下载ECLIPSE-java 进入官网:https://ww ...