文档章节

css表格的应用

南瓜一号
 南瓜一号
发布于 2016/12/08 14:37
字数 167
阅读 5
收藏 0

var tbodyhtml=""; for(var j=0;j<userinfos.length;j++){ var userinfo=userinfos[j]; tbodyhtml+='<tr>'; tbodyhtml+='<td width="100px">'+userinfo.username+'</td>'; tbodyhtml+='<td width="100px">'+userinfo.age+'</td>'; tbodyhtml+='<td width="100px">'+userinfo.sex+'</td>'; tbodyhtml+='</tr>'; } $("#body").html(tbodyhtml); $("#body1").html($("#body").html()); }这里用到的jQuery的.html方法, 选取一个标签,然后给他传值进去。开始样式插入代码后,将会把json中的值放入表格中"$("#body").html(tbodyhtml);"这一段就是把你遍历出来的html代码放到这个id下面的<tbody>里面。tr:nth-child(2n){ background-color:#ff0000; }设置行数的背景色,``` tr:nth-child(2n):hover { background-color:#99FF66; color:#0000CC; }

© 著作权归作者所有

共有 人打赏支持
南瓜一号
粉丝 1
博文 10
码字总数 2998
作品 0
扬州
程序员
12 个 CSS 高级技巧汇总

下面这些CSS高级技巧,一般人我可不告诉他哦。 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化...

柠檬酷
2015/10/14
33
0
SpreadJS V11.2 新版本发布,全面支持 React 和 Vue

SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件,在外观、功能和操作上都与 Excel 高度类似,在表格数据处理上比 Grid 类控件更为优秀,被开发人员誉为可嵌入系统开发的...

葡萄城技术团队
08/09
0
0
使用 jQTouch 增强您的下一个移动 web 应用程序

简介: 对 web 开发的兴趣,包括移动 web 应用程序,从未像现在这般高涨。一些开发桌面或者服务器端应用的开发人员也开始对移动 web 感兴趣。然而,许多人想要将他们目前的 web 开发技巧应用...

IBMdW
2011/11/14
3.5K
3
2014 年 15 款最棒的 HTML&CSS 框架

现在,我们来介绍 2014 年推荐给 Web 设计师的 15 款 HTML&CSS 框架。阅读下面的框架列表,跟我们分享你的看法吧:) CSS 框架 1) Toast Toast 是一款让所有设计都尽可能简单的 CSS 框架,但...

oschina
2014/01/15
16.7K
28
ajax框架---- ExtJS

一、概述: ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写,与后台技术无关的前端ajax框架。...

王二狗子11
2017/12/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

弹性工作制的魔咒

简评:你找到了一份完美的工作 —— 可以提前离开公司,还可以在晚上从家里回复邮件。既然如此,你为什么还会有那么强的负罪感呢? 或许是弹性工作制魔咒在作祟。 很多享受弹性工作制的人会始...

极光推送
刚刚
0
0
KAFKA介绍(分布式架构)

Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统术语: Kafka将消息以...

明理萝
6分钟前
0
1
os::NodeHandle::subscribe回调函数绑定对象

void Foo::callback(const std_msgs::Empty::ConstPtr& message){}Foo foo_object;ros::Subscriber sub = handle.subscribe("my_topic", 1, &Foo::callback, &foo_object); 参考: ht......

itfanr
8分钟前
0
0
React16.4 开发简书项目 从零基础入门到实战

React16.4 开发简书项目 从零基础入门到实战 关注我的订阅号下载 React16.4 开发简书项目 从零基础入门到实战

蜗牛奔跑
11分钟前
0
0
day57-20180815-流利阅读笔记-待学习

社恐怎么办?这个漫画或许能治愈你 毛西 2018-08-15 1.今日导读 近日,芬兰漫画家卡罗利娜·科尔霍宁创作的绘本《芬兰人的噩梦》在中国大火。一时间书中的主人公马蒂成为了人们茶余饭后热议的...

aibinxiao
14分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部