td | 易学教程

jQuery大法--选择器实验

阅读更多关于 jQuery大法--选择器实验

实验示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实验</title> <style> table{ border: 0; border-collapse: collapse; } td{ font:normal 12px/17px Arial; padding: 2px; width: 100px; } th{ font:bold 12px/17px Arial; text-align: left; padding:4px; border-bottom: 1px solid yellow; } .odd{ background: orange; } .even{ background: orangered; } .light{ background: blue; } </style> </head> <body> <table> <thead> <tr> <th>产品名称</th> <th>产地</th> <th>厂商</th> </tr> </thead> <tbody> <tr> <td>电饭煲</td> <td>佛山</td> <td>美的</td> </tr> <tr> <td>电视机</td> <td>深圳</td> <td>创维</td> </tr> <tr>

Knockoutjs——checkbox全选

阅读更多关于 Knockoutjs——checkbox全选

一、前言楼主是个小菜鸟。之前做的项目都是用第三方控件做的，最近开始学习用MVC、EasyUI和Knockoutjs等，可能下面有些地方写的不好，请大家多多包涵。二、内容首先我们要了解一下基本的Knockoutjs绑定。我是新建了一个table，主要内容有如下： 1 <table align= " center " > 2 <thead> 3 <tr> 4 <th width= " 3% " ></th> 5 <th width= " 20% " >新闻名称</th> 6 <th width= " 20% " >作者</th> 7 </tr> 8 </thead> 9 <tbody data-bind= " foreach: News " > 10 <tr> 11 <td> 12 <input type= " checkbox " data-bind= " checked: checks " > 13 </td> 14 <td data-bind= " text: Title " ></td> 15 <td data-bind= " text: UsersName " ></td> 16 </tr> 17 </tbody

表格练习

阅读更多关于表格练习

<html> <head> <title>表格练习</title> <meta charset="UTF-8"/> </head> <body> <h3>表格练习</h3> <hr /> <table border="1px" cellpadding="0px" cellspacing="0px" style="border-bottom:none;"> <tr height="27px"> <td colspan="5">基本情况</td> </tr> <tr height="27px"> <td width="120px">姓名</td> <td width="120px"></td> <td width="120px">性别</td> <td width="120px"></td> <td width="120px" rowspan="7"></td> </tr> <tr height="27px"> <td>民族</td> <td></td> <td>出生年月</td> <td></td> </tr> <tr height="27px"> <td>政治面貌</td> <td></td> <td>健康</td> <td></td> </tr> <tr height="27px"> <td>籍贯</td> <td></td> <td>学历</td> <td></td> </tr

html----表格标签学习

阅读更多关于 html----表格标签学习

<html> <head> <title>表格标签学习</title> <meta charset="UTF-8"/> </head> <body> <h3>表格标签学习</h3> <hr /> <h4>表格标签的常用属性及设置学习</h4> <table border="1px"

items、var、varStatus

阅读更多关于 items、var、varStatus

JSTL中,<c:foreach items=" " var=" " varStatus="">,这句代码的作用是什么? 这个页面是以列表显示数据的，对于列表每一条数据的来源，items=“”，“”里面加的是数据来源，var代表的是一条数据的变量，通过这个变量来取值，例如：<c:forEach items="${contentModel.items}" var="item">，数据源是${contentModel.items}，每一条数据的变量就是item，之后的表格数据就可以从item里面取值了，但是前提是你已经在${contentModel.items}放入值了。我们常使用<c:forEach>标签来遍历需要的数据，为了方便使用，varStatus属性可以方便我们实现一些与行数相关的功能，如：奇数行、偶数行差异；最后一行特殊处理等等。varStatus属性常用参数如下： current：当前这次迭代的（集合中的）项 index：当前这次迭代从 0 开始的迭代计数 count：当前这次迭代从 1 开始的迭代计数 first：用来表明当前这轮迭代是否为第一次迭代的标志，返回true/false last：用来表明当前这轮迭代是否为最后一次迭代的标志,返回true/false 用jstl写隔行变色 <table cellpadding="1px" cellspacing="1px"

jquery-easyui分页组件的用法

阅读更多关于 jquery-easyui分页组件的用法

项目进行到迭代二的开发和测试阶段，发现一个比较隐藏的bug，那就是分页组件的使用不当问题。问题现象：多页面新增数据后，点击下一页数据显示没有问题，但是当前页，总页数的计算出了问题。原因分析： show data后，没有重新加载分页控件导致，因为totalRecords是重新计算出来的。解决方案及代码： show data后重新加载分页控件。代码如下： 1，页面初始化 1 $(document).ready( function (){ 2 // 初始化分页组件 3 var total= ${total}; 4 if (total == "0" ){ 5 var loadingMeg = "<tr class='support_white'><td colspan='12' height='20' align='center'><bean:message key='supportrecover.webduty.nodata'/></td></tr>" ; 6 $("#dataTbody" ).html(loadingMeg); 7 } 8 ajaxPagination(total); 9 }); 2，加载分页组件核心函数 1 function ajaxPagination(totalRecords){ 2 $("#ajaxPagination" ).pagination({ 3

FreeMarker | 取值篇

阅读更多关于 FreeMarker | 取值篇

第一部分：Spring Boot 集成 FreeMarker 1、 pom.xml 需要这些依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> 2、yml 我喜欢 yml，所以删掉 application.properties ，新建 application.yml 3、配置在 application.yml 中添加如下配置 # freemarker spring: freemarker: template-loader-path: classpath:/templates/ cache: false charset: UTF-8 check-template-location: true content-type: text/html expose-request-attributes: true expose-session

模态对话框1

阅读更多关于模态对话框1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通信电源信息</title> <style> .hidde{ display: none; } .shadow{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: black; opacity: 0.4; z-index: 999; } .modai{ position: fixed; left: 50%; top: 50%; width: 500px; height: 400px; margin-left: -250px; margin-top: -200px; background-color: white; z-index: 1000; } </style> </head> <body> <a href="/add_electric/">添加</a> <a onclick="showmodai(); ">对话框添加</a> <table border="1px"> <thead> <tr> <td>序号</td> <td>类别</td> <td>电压</td> <td>厂家</td> <td>电源型号</td> <td>电源容量</td>

HTML_TABLE内外边框

阅读更多关于 HTML_TABLE内外边框

HTML_TABLE内外边框颜色设置及页面居中 HTML_TABLE内外边框颜色设置及页面居中时间: 2009.05.07 11:32:00 标签: <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" id="table2">---此处设置外边框颜色 <tr > <td bgcolor="#ffffff" colspan="6" height="25" align=center><font color=#ea5e01 size=3><strong>房屋基本信息</strong></font></td> </tr> <tr> <td bgcolor="#E6E6FA" height="25" width="13%" align=center>房屋狀態</td> <td bgcolor="#ffffff" width="20%" valign=center >---此处设置单元格边框颜色 $TYPE$</td> <td bgcolor="#E6E6FA" width="13%" align=center >房屋類別</td>此处设置单元下边框颜色 <td bgcolor="#ffffff" width="20%" valign=center >$FWLB$</td> <td bgcolor="

Javascript之表格隔行变色

阅读更多关于 Javascript之表格隔行变色

其实原理很简单，取到表格ID，获取表格内的<tbody>元素，然后在获取<tbody>元素下的所有<tr>元素。然后循环输出获取的<tr>元素。对<tr>元素的索引值除2取余，为0者设置背景色。 HTML代码： <table id="tb"> <tbody> <tr> <td> 第一行 </td> <td> 第一行 </td> </tr> <tr> <td> 第二行 </td> <td> 第二行 </td> </tr> <tr> <td> 第三行 </td> <td> 第三行 </td> </tr> <tr> <td> 第四行 </td> <td> 第四行 </td> </tr> <tr> <td> 第五行 </td> <td> 第五行 </td> </tr> <tr> <td> 第六行 </td> <td> 第六行 </td> </tr> </tbody> </table> Javascript代码： var item = document.getElementById("tb"); //获取ID为tb的元素(table) var tbody = item.getElementsByTagName("tbody")[0]; //获取表格的第一个tbody元素 var trs = tbody.getElementsByTagName("tr"); /

订阅 td