ppwjs之bootstrap表格:行自定义颜色

<!DOCTYPT html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>ppwjs欢迎您</title>
		<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	</head>
	<body>
	</body>
	<script src="/jsVersionControl.js" charset="utf-8" type="text/javascript"></script>
	<script src="/lib/_sys_ppwjsmain.js" charset="utf-8" type="text/javascript"></script>
	<script charset="utf-8" type="text/javascript">引入("/index.js",$真)</script>
</html>
//程序开始
引入(_sys_bootstrap4_all_addr + ".js",$真);

var 标题1 = "bootstrap4 基础表格".到标题元素();
变量 表格 = bootstrap4.表格.创建表格元素();
//表格.添加类名($bootstrap.表格.响应式);

//表头的设置
变量 表头 = bootstrap4.表格.创建表头元素();
变量 表头行 = bootstrap4.表格.创建表行元素();
表头行.添加子节点("姓名".到表头单元格元素(),"性别".到表头单元格元素(),"年龄".到表头单元格元素(),"国家".到表头单元格元素(),"省份".到表头单元格元素().添加属性("style","white-space:nowrap;"),"公司".到表头单元格元素().添加属性("style","white-space:nowrap;"),"职务".到表头单元格元素(),"邮编".到表头单元格元素(),"联系电话".到表头单元格元素(),"部门".到表头单元格元素()).添加类名($bootstrap.表格.蓝色类);
表头.添加子节点(表头行);

变量 表脚 = bootstrap4.表格.创建表脚元素();
变量 表脚行 = bootstrap4.表格.创建表行元素();
var img = 创建元素("img");
img.src="/favicon.ico";
表脚行.添加子节点("表脚1".到表格单元格元素().添加子节点(img),"表脚2".到表格单元格元素(),"表脚3".到表格单元格元素()).添加类名($bootstrap.表格.蓝色类);
表脚.添加子节点(表脚行);

表格.添加子节点(表头,表脚);

//表身的设置
变量 表身 = bootstrap4.表格.创建表身元素();

变量 表行1 = bootstrap4.表格.创建表行元素();
表行1.添加子节点("张三".到表格单元格元素(),"男".到表格单元格元素(),"1".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.银白类);

变量 表行2 = bootstrap4.表格.创建表行元素();
表行2.添加子节点("李四".到表格单元格元素(),"男".到表格单元格元素(),"2".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.绿色类);

变量 表行3 = bootstrap4.表格.创建表行元素();
表行3.添加子节点("王五".到表格单元格元素(),"男".到表格单元格元素(),"3".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.红色类);

变量 表行4 = bootstrap4.表格.创建表行元素();
表行4.添加子节点("小二".到表格单元格元素(),"男".到表格单元格元素(),"4".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.浅蓝色类);

变量 表行5 = bootstrap4.表格.创建表行元素();
表行5.添加子节点("老六".到表格单元格元素(),"男".到表格单元格元素(),"5".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.橘色类);

变量 表行6 = bootstrap4.表格.创建表行元素();
表行6.添加子节点("刘七".到表格单元格元素(),"男".到表格单元格元素(),"6".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.灰色类);

变量 表行7 = bootstrap4.表格.创建表行元素();
表行7.添加子节点("陈八".到表格单元格元素(),"男".到表格单元格元素(),"7".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.蓝色类);

变量 表行8 = bootstrap4.表格.创建表行元素();
表行8.添加子节点("何九".到表格单元格元素(),"男".到表格单元格元素(),"8".到表格单元格元素(),"中国".到表格单元格元素(),"广东".到表格单元格元素(),"ppw from China guangdong".到表格单元格元素().添加属性("style","white-space:nowrap;"),"CEO".到表格单元格元素(),"510000".到表格单元格元素(),"12300000000".到表格单元格元素(),"管理部门".到表格单元格元素().添加属性("style","white-space:nowrap;")).添加类名($bootstrap.表格.浅灰类);



表身.添加子节点(表行1,表行2,表行3,表行4,表行5,表行6,表行7,表行8);

表格.添加子节点(表身);


变量 容器 = bootstrap4.创建容器();
容器.添加子节点(标题1,表格);
容器.添加类名($bootstrap.表格.响应式);
加到主体(容器);

 

转载于:https://my.oschina.net/u/3979725/blog/2222380

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值