Javascript 两张或多张并排的桌子_Javascript_Jquery_Html

Javascript 两张或多张并排的桌子

javascript jquery html

Javascript 两张或多张并排的桌子,javascript,jquery,html,Javascript,Jquery,Html,我想在代码中的表旁边至少添加一个表，是否需要帮助 > <div id="view0"></div> <script> $(function(){ $('#view0').csv2table('./CSVFiles/CallsClosedbyDept.csv'); }); </script> > $（函数（）{ $（'#view0'）.csv2table（'./CSVFiles/CallsClosedbyDept.csv'）； });

我想在代码中的表旁边至少添加一个表，是否需要帮助

> <div id="view0"></div>
<script>
$(function(){
  $('#view0').csv2table('./CSVFiles/CallsClosedbyDept.csv');
});
</script>

>
$（函数（）{
$（'#view0'）.csv2table（'./CSVFiles/CallsClosedbyDept.csv'）；
});

代码加载一个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>
&nbsp;<span style="font-weight: bold; color: rgb(51, 0, 153);">Confidential and `Proprietary</span></body></html>`


div.csv2table-div{
填充物：5px；
保证金：1px；
}
table.csv2table-table{
边界塌陷：塌陷；
边界间距：0px；
边缘底部：10px；
}
th.csv2table-table-th{
边框颜色：eee#999#777#bbb；
边框样式：实心；
边框宽度：1px；
背景色：红色；
填充：8px；
字体大小：16px；
颜色：白色；
文本对齐：居中；
}
td.csv2table-table-td{
边框颜色：eee#999#777#bbb；
边框样式：实心；
边框宽度：1px；
填充：8px；
字体大小：14px；
文本对齐：居中；
}
td.csv2table表td:n个子表（1）{
背景颜色：蓝色；
颜色：白色；
}
th.csv2table-sortMark{
}
td.csv2table-hoboNum{
}
部门或仓库关闭的呼叫


部门或仓库于2014年5月关闭的电话


$.csv2table.cssReset（）；
$（函数（）{
$（'#view0'）.csv2table（'./CSVFiles/CallsClosedbyDept.csv'）；
});


机密和`专有`

使用此结构

<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>


第一个表格代码在这里
第二个表格代码在这里

你能简要介绍一下吗？你能不能至少分享一些相关的代码，这样我们就可以解决问题，或者分享SJSFIDD将另一个

div

放在当前div旁边，并对该div使用

csv2table

。嗨，Batu Zet，我试着在当前div旁边放置另一个div，但它只是显示了下面的表格。干杯，我也找到了一个解决方案，但你的看起来更好，我的解决方案如下$（function（）{$（'#view0'）.csv2table（'./CSVFiles/CallsClosedbyDept.csv'）；}）$（function（）{$（'#view1'）.csv2table（'./CSVFiles/CallsClosedbyDept.csv'）；}）；fahd4007是否可以为列添加标题？@JohnBrines我不知道您使用哪种语言显示数据。我是一名UI开发人员和设计师，如果你发布你所有的代码，我可能会试试看：）并给我看截图。我用标题解决了标题，现在一切正常。谢谢大家的帮助。