ppwjs之bootstrap表格：基礎表格

時間 2019-12-05

原文原文鏈接

<!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.表格.建立表格元素();

//表頭的設置
變量 表頭 = bootstrap4.表格.建立表頭元素();
變量 表頭行 = bootstrap4.表格.建立錶行元素();
變量 表頭單元格1 = bootstrap4.表格.建立表頭單元格元素();
表頭單元格1.置內部代碼("姓名");
變量 表頭單元格2 = bootstrap4.表格.建立表頭單元格元素();
表頭單元格2.置內部代碼("性別");
變量 表頭單元格3 = bootstrap4.表格.建立表頭單元格元素();
表頭單元格3.置內部代碼("年齡");
表頭行.添加子節點(表頭單元格1,表頭單元格2,表頭單元格3);
表頭.添加子節點(表頭行);
表格.添加子節點(表頭);

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

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


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

加到主體(容器);

相關標籤/搜索

每日一句

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