<!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. python开发第二篇 ：python基础

    python基础a.Python基础      -基础1. 第一句python       -python后缀名可以任意?     -导入模块时如果不是.py文件,以后的文件后缀名是.py.2.两种 ...

  2. XSS漏洞原理

    注入型漏洞的本质都是服务端分不清用户输入的内容是数据还是指令代码,从而造成用户输入恶意代码传到服务端执行. 00x01js执行 Js是浏览器执行的前端语言,用户在存在xss漏洞的站点url后者能输入数 ...

  3. 19新生赛 谁更nb

    题目描述: 有一堆石子共有N个.syx xxh两个人轮流拿,syx先拿.每次最少拿1颗,最多拿K颗,拿到最后1颗石子的人获 胜.syx xxh都非常聪明,拿石子的过程中不会出现失误.给出N和K,问最后 ...

  4. Ubuntu使用ipython出现版本不兼容的问题

    今天租了一个ECS,然后准备安装了jupyter,准备配置,输入ipython,出现如下报错 ImportError: IPython 7.10+ supports Python 3.6 and ab ...

  5. centos7下top free vmstat 命令详情

    top:https://www.cnblogs.com/makelu/p/11169270.html

  6. Spring boot unable to determine jdbc url from datasouce

    1. 首先删除 @EnableAutoConfiguration(exclude = {DataSourceAutoConfiguration.class}) 2. 在配置文件里添加完整的dataso ...

  7. wso2 linux上部署说明

    1.启动wso2

  8. render（七）

    Vue 的 _render 方法是实例的一个私有方法,它用来把实例渲染成一个虚拟 Node.它的定义在 src/core/instance/render.js 文件中: Vue.prototype._ ...

  9. 安装vmware tools后仍然不能拖拽文件

    运行/usr/bin/vmware-user文件 ./vmware-user

  10. JavaScript的jQuery

    JavaScript的jQuery 不通过JavaScript的原生代码,如document.getElementById("") 而是通过jQuery的$符号选择器. jQuer ...