ppwjs之bootstrap表格：黑色背景類

時間 2019-12-05

標籤 ppwjs bootstrap 表格黑色背景欄目 Bootstarp 简体版

原文原文鏈接

<!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.表格.建立錶行元素();
表頭行.添加子節點("姓名".到表頭單元格元素(),"性別".到表頭單元格元素(),"年齡".到表頭單元格元素());
表頭.添加子節點(表頭行);

變量 表腳 = bootstrap4.表格.建立表腳元素();
變量 表腳行 = bootstrap4.表格.建立錶行元素();
var img = 建立元素("img");
img.src="/favicon.ico";
表腳行.添加子節點("表腳1".到表格單元格元素().添加子節點(img),"表腳2".到表格單元格元素(),"表腳3".到表格單元格元素());
表腳.添加子節點(表腳行);

表格.添加子節點(表頭,表腳);

//表身的設置
變量 表身 = bootstrap4.表格.建立表身元素();

循環(變量 i=0;i<10;i++){
	變量 錶行 = bootstrap4.表格.建立錶行元素();
	錶行.添加子節點("張三".到表格單元格元素(),"男".到表格單元格元素(),i.toString().到表格單元格元素());
	表身.添加子節點(錶行);
}
表格.添加子節點(表身);


變量 容器 = bootstrap4.建立容器();
容器.添加子節點(標題1,表格);

加到主體(容器);

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。