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.表格.建立錶行元素();
表頭行.添加子節點("姓名".到表頭單元格元素(),"性別".到表頭單元格元素(),"年齡".到表頭單元格元素(),"國家".到表頭單元格元素(),"省份".到表頭單元格元素().添加屬性("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.表格.響應式);
加到主體(容器);

相關標籤/搜索

每日一句

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