精华内容
下载资源
问答
  • Axure用中继器做一个表格

    千次阅读 2019-07-26 19:09:44
    Axure用中继器做一个表格 1、添加一个table 2、添加一个中继器repeater 复制table中的一行,之后删除下面的空白行,双击中继器 删除原页面中的表格,粘贴之前复制的表格,得到该图 3、向表中添加信息 选中...

    Axure用中继器做一个表格

    1、添加一个table

    在这里插入图片描述

    2、添加一个中继器repeater

    在这里插入图片描述复制table中的一行,之后删除下面的空白行,双击中继器
    在这里插入图片描述删除原页面中的表格,粘贴之前复制的表格,得到该图
    在这里插入图片描述

    3、向表中添加信息

    在这里插入图片描述选中中继器,再右边repeater中添加信息
    在右边添加一列信息,选中手机号一框,单击鼠标右键,选择insert colume right,下面的在中继器中重复该操作
    在这里插入图片描述

    4、数据渲染

    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述数据渲染效果如图

    5、增加一个添加按钮并加一个onclick事件

    在这里插入图片描述

    6、添加一个层罩、设置透明度

    在这里插入图片描述

    7、添加模态框

    在这里插入图片描述将用户信息放在模态框中,给层罩设置一个事件,点击层罩,模态框隐藏

    8、增加一个模态框添加按钮并加一个onclick事件

    在这里插入图片描述

    展开全文
  • 用javascript做一个表格

    千次阅读 2017-03-01 20:30:46
    onload = function() { var c = function(c) { return document.createElement(c); } var table = c("table"); var tbody = c('tbody');...此处body的document不能省略,否则无法生成表格
    onload = function() {
    		var c = function(c) {
    			return document.createElement(c);
    		}
    		var table = c("table");
    		var tbody = c('tbody');
    		document.body.appendChild(table);
    		table.appendChild(tbody);
    		for (var i = 0; i < 4; i++) {
    			var tr = c('tr');
    			for (var j = 0; j < 3; j++) {
    				var td = c('td');
    				var txt = document.createTextNode('');
    				td.appendChild(txt);
    				tr.appendChild(td);
    				td.width = 200;
    				td.height = 50;
    			}
    			tbody.appendChild(tr);
    		}
    		table.setAttribute('border', '1px');
    	}
    注意:
    		document.body.appendChild(table);
    此处body的document不能省略,否则无法生成表格。
    展开全文
  • flex4.6 将一个表格分成两个显示,滚动条拖动的时候,只拖动右边的,左边的固定不动。请问怎么
  • Html页面中用JS循环做一个表格

    千次阅读 2019-05-12 13:14:43
    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> <script type="text/javascript">......
    <!DOCTYPE html>
    
    <html>
    
     <head>
    
    <meta charset="utf-8" />
    
    <title></title>
    
     </head>
    
     <body>
    
     </body>
    
    <script type="text/javascript">
    
    //首先设置行,列
    
    var cols = 6; //6列
    
    var rows = 6; //6行
    
    var htmlstr = "<table border='1px'>";
    
    for(i = 1; i <= rows; i++) {
    
    htmlstr += "<tr>";
    
    for(j = 1; j <= cols; j++) {
    
    htmlstr += "<td >" + i + "行" + j + "列" + "</td>";
    
    }
    
    htmlstr += "</tr>";
    
    }
    
    htmlstr += "</table>";
    
    document.write(htmlstr);
    
    </script>
    
     </html>

    转自:http://www.cnblogs.com/niuniudashijie/p/5988085.html

    展开全文
  • table表格做一个表头斜线样式

    万次阅读 2018-08-24 23:56:09
    具体代码实现如下: &amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;...带表头斜线的表格&amp;lt

    具体代码实现如下:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>带表头斜线的表格</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
    
            table {
                border: 1px solid #fff;
                /*去掉表格之间的空隙*/
                border-collapse:collapse;
                margin: 100px auto;
            }
    
            caption {
                font-size: 20px;
                font-weight: bold;
            }
    
            th,td{
                border: 1px solid #ccc;
                width: 80px;
                font-size: 14px;
                line-height: 40px;
                text-align: center;
            }
    
            /*模拟对角线*/
            .out{
                border-top:40px #D6D3D6 solid;/*上边框宽度等于表格第一行行高*/
                width:0px;/*让容器宽度为0*/
                height:0px;/*让容器高度为0*/
                border-left:80px #BDBABD solid;/*左边框宽度等于表格第一行第一格宽度*/
                position:relative;/*让里面的两个子容器绝对定位*/
            }
    
            b{
                font-style:normal;
                display:block;
                position:absolute;
                top:-40px;
                left:-40px;
                width:50px;
            }
    
            em{
                font-style:normal;
                display:block;
                position:absolute;
                top:-25px;
                left:-70px;
                width:55px;
            }
    
        </style>
    </head>
    <body>
    
    <table>
        <caption>我是标题</caption>
        <thead>
            <tr>
                <!-- 模拟表头分割线的部分 -->
                <th>
                    <div class="out">
                        <b>类别</b>
                        <em>姓名</em>
                    </div>
                </th>
                <th>年龄</th>
                <th>班级</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>18</td>
                <td>大一</td>
            </tr><tr>
                <td>李四</td>
                <td>19</td>
                <td>大二</td>
            </tr><tr>
                <td>王五</td>
                <td>20</td>
                <td>大三</td>
            </tr><tr>
                <td>赵六</td>
                <td>21</td>
                <td>大四</td>
            </tr>
        </tbody>
    </table>
    
    </body>
    </html>
    

    结果:
    这里写图片描述

    展开全文
  • 最近有业务需求,将多个表格的数据合并到一起统计。就是像SQL一样,将很多表合并成一。 犹豫表格太多,而且相同列的id也不是按一样的顺序排列的,所以复制粘贴的难度加大了。 2、效果图 表1: 表2: 表3: ...
  • 用jQuery写一个表格

    千次阅读 2019-06-18 22:14:25
    需求:用jQuery动态生成一个表格 说明:jQuery版本为:jquery-1.11.3.js 步骤如下: 1.先创建一个表头: </tbody> </table> # FirstName LastName ...
  • 因为表格太长,因此需要给个做个横向的滚动条,好让表格横向数据列太多能滚动查看不至于全挤在一起、不知道怎么做。使用style="overflow-x: auto; overflow-y: auto; width:200px;的情况是 在不刷新页面的情况下,...
  • 做一个可编辑的表格控件

    千次阅读 2004-05-12 18:31:00
    【实现内容】做一个可编辑的表格控件。【使用控件】一个MSFLEXGRID表格控件,一个文本控件,一个下拉列表控件。【实现原理】我喜欢把这个方法称为视觉假象。由于MSFLEXGRID控件本身是不支持直接编辑的。所以需要结合...
  • 一个用 dl dt dd 表格

    千次阅读 2012-02-22 11:12:32
    看到最近大家流行用dl dt dd布局,我也能照着做了一个,反照表格做的,效果如图: 代码贴出来给大家看看      dl,div{width:800px;margin:0 auto; text-align:center;}  dt{clear:both;text-...
  • 请问怎样实现,思路是怎样,有类似的例子吗(求链接)?急求~谢谢!![图片说明](https://img-ask.csdn.net/upload/201509/08/1441714227_898349.png)
  • html做表格只显示表格的外边框

    千次阅读 2018-12-20 00:23:53
    我想问一个在dreamweaver中,我弄了一个登陆的表格,(包括登陆、注册、忘记密码)三行一列,我像只显示表格的外边框,怎么用代码实现 &lt;table width="200" border="0" style="...
  • 用Python将多个excel表格合并为一个表格

    万次阅读 多人点赞 2016-12-22 14:05:31
    生活中经常会碰到多个excel表格汇总成一个表格的情况,比如你...除了人工将所有表格的内容一个一个复制到汇总表格里,但作为一名信奉完美主义的程序猿,就算多花费3个小时写程序,也不舍得花时间这样重复无脑的工作。
  • Python将多个excel表格合并为一个表格

    千次阅读 2018-08-23 15:52:03
    爬虫过程经常遇到结果分段跑,导致所有的结果分散存在多Excel表中,现在需要将其合并起来,使用python该怎么呢? # 下面这些变量需要您根据自己的具体情况选择 biaotou = ['id', 'test'] # 在哪里搜索多...
  • layui多个数据表格共存一个页面处理

    万次阅读 2019-04-11 15:10:11
    今天在后台时,遇到一个棘手的问题,就是layui的数据表格如果两个表格一个页面,每个表格一个搜索查询的筛选条件,那么每个搜索结果对应的只能刷新一个数据表格。如下图,当搜索药品的时候只刷新左表,当搜索...
  • C#动态创建一个表格

    千次阅读 2011-06-02 21:01:00
    C#动态创建一个表格2010-09-25 18:23 Table控件拖一个到窗体作为动态表格的容器, 设置一下相关属性, 比如BorderStyle什么的。 拖两个TextBox,一个按钮过去,然后在按钮的Click事件里编写下边...
  • 用JSP创建一个表格模板

    千次阅读 2013-11-28 09:04:16
    考虑到复用性,笔者用jsp编写了一个表格模板,可以从request中获取List封装的数据,然后通过JSTL结合EL表达式填充到模板。最后完成的jsp文件可以作为一个单独的模块,嵌入到任意其它jsp页面需要的位置。    首先是...
  • html、css 实现一个漂亮的表格

    千次阅读 多人点赞 2019-12-06 18:16:46
    利用html、css制作一个美观、大方的表格。(简单,易上手)
  • LaTeX里边如何一个表格里创建子表格

    千次阅读 2020-01-30 15:20:21
    \begin{table} \caption{Caption for total table} \centering \subtable[Table 1]{ \begin{tabular}{ccc} a & b & c \end{tabular} \label{firsttable} } \qquad \subtable[Table 2]{ \begin{t...
  • 微信小程序Table表格

    千次阅读 2019-08-30 10:49:08
    这只是一个最基本的表格框架。 头部 <view class="table"> <view class="tr"> <view class="td">序号</view> <view class="td">唯一XX</view> <...
  • 如何快速创建一个LayUI 数据表格

    千次阅读 2017-09-04 11:21:46
    最近LayUI API频繁更新 ,碰巧了个Demo,准备把项目中的table给换个方式显示,就着手一个基础的表格,先上个效果图。 HTML: 关键字:
  • 用jsp写一个动态表格

    千次阅读 2015-07-04 15:09:05
    两个jsp页面,一个jsp页面根据用户输入的行和列,在另一个jsp页面显示该表格一个jsp的页面的代码如下:*" pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getSchem
  • 用jstl标签怎么做表格

    2013-07-10 05:58:26
    用jstl标签 做一个3行3列的表格,本人只记得jstl里边的都是些动作标签,但是如何用jstl做静态的表格,求高手指教
  • 一个在dreamweaver中,弄了一个登陆的表格,(包括登陆、注册、忘记密码)三行一列,想只显示表格的外边框,怎么用代码实现? 那个style就是只有外边框,如果直接border就是表格的所有边框。 border-style:solid; ...
  • 用JSP创建一个表格模板 .

    万次阅读 2013-12-03 22:30:04
    考虑到复用性,笔者用jsp编写了一个表格模板,可以从request中获取List封装的数据,然后通过JSTL结合EL表达式填充到模板。最后完成的jsp文件可以作为一个单独的模块,嵌入到任意其它jsp页面需要的位置。    首先...
  • 用php来写一个表格

    万次阅读 2018-02-22 12:08:18
    * 创建一个n行m列的表格 * @param number $n 行 * @param number $m 列 */ function createTable($n,$m){ $table="<table border='0' cellpadding='0' cellspacing='0' width='80%'>"; for($i=1;...
  • 虽然用bootstrap可以很方便快捷的创建一个table表格, 但是对于初学者来说,学会如何用HTML和CSS创建一个好看的表格还是很有意义的。 第一张 &lt;!DOCTYPE html&gt; &lt;html lang="en"&...
  • 本人工作以为一直没做个表格控件的需求,直到最近的新公司,要做一个表格的需求。一开始遇到需求,自己脑海就先构思了一下思路。当然也会想大家一样百度谷歌看看大家普遍是怎么做的。一百度,我就惊讶了。 怎么...
  • 用 div 做表格布局

    千次阅读 2014-11-16 02:39:34
    div表格布局

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 418,476
精华内容 167,390
关键字:

做一个表格怎么做