[英]Two or more tables side by side
我想在此代碼中的表旁邊至少添加一個表,對您有所幫助嗎?
> <div id="view0"></div>
<script>
$(function(){
$('#view0').csv2table('./CSVFiles/CallsClosedbyDept.csv');
});
</script>
該代碼加載一個csv並將其顯示為表格,我想將另一個CSV文件添加為表格,但是我希望它們並排放置,而不是在第一個表格下方。 完整代碼如下。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><style>
div.csv2table-div {
padding : 5px;
margin : 1px;
}
table.csv2table-table {
border-collapse : collapse;
border-spacing : 0px;
margin-bottom : 10px;
}
th.csv2table-table-th{
border-color : #eee #999 #777 #bbb;
border-style : solid;
border-width : 1px;
background-color : red;
padding : 8px;
font-size : 16px;
color : white;
text-align : center;
}
td.csv2table-table-td{
border-color : #eee #999 #777 #bbb;
border-style : solid;
border-width : 1px;
padding : 8px;
font-size : 14px;
text-align : center;
}
td.csv2table-table-td:nth-child(1){
background-color : blue;
color : white;
}
th.csv2table-sortMark{
}
td.csv2table-hoboNum{
}
</style><title>Calls Closed by Department or Depot</title></head>
<body>
<div style="text-align: left;"><div style="text-align: left;"><img style="width: 130px; height: 76px;" alt="" src="file://///vm-spiceworks/e$/Program%20Files%20%28x86%29/Spiceworks/pkg/gems/spiceworks_public-7.1.00024/photos/Hire%20Solutions-01.jpg"><br></div><big style="font-weight: bold;"><big><big><br><span style="color: rgb(51, 0, 153);">Calls Closed by Department or Depot May 2014</span><br><br></big></big></big>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.csv2table-0.02-b-4.7.js"></script>
<script>
$.csv2table.cssReset();
</script>
<div id="view0"></div>
<script>
$(function(){
$('#view0').csv2table('./CSVFiles/CallsClosedbyDept.csv');
});
</script>
<br>
<span style="font-weight: bold; color: rgb(51, 0, 153);">Confidential and `Proprietary</span></body></html>`
使用這種結構
<div style="border:1px #ccc solid">
<div style="width:45%; float:left; min-height:300px;">
1st table code here
</div>
<div style="width:45%; float: right; min-height:300px;">
2nd table code here
</div>
<div style="clear:both"></div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.