1. 程式人生 > >ppwjs之bootstrap網格系統(6)插入單元格

ppwjs之bootstrap網格系統(6)插入單元格

<!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>
		<button onclick="測試網格.插入單元格(0,1);測試網格.置單元格資料(0,1,'新新增的單元格');測試網格.置單元格樣式(0,1,'background-color:green;');">新增新行和單元格</button>
	</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_addr + ".js",$真);
引入(_sys_bootstrap4_grid_addr + ".js",$真);
 
var 測試網格=bootstrap4.網格類.建立(2,2);
測試網格.置單元格資料(0,0,"單元格:第1行,第1列");
測試網格.置單元格樣式(0,0,"background-color:red;");
測試網格.置單元格列寬配置(0,0,$bootstrap.列_桌面_4);
測試網格.置單元格資料(0,1,"單元格:第1行,第2列");
測試網格.置單元格樣式(0,1,"background-color:yellow;");
測試網格.置單元格列寬配置(0,1,$bootstrap.列_桌面_8);
加到主體(測試網格);