2014-11-06 35 views
0

我想在一个Sharepoint网页上并排放置两个HTML表格。我注意到Sharepoint剥离了<style></style>标签之间的任何东西。还可以在<div><\div>标签中查看信息。并排HTML表格(共享点)(不含CSS /样式)

我有这个,目前。

<body> 

<div> 

<table style="width:40%" border="1px solid black" float="left" width="148px" margin-right=" 4%"> 
    <caption><a href="#arts">List</a></caption> 
    <tr> 
    <td>3</td> 
    <td>3 TB</td> 
    <td>10</td> 
    </tr> 
    <tr> 
    <td><b>P</b></td> 
     <td><b>S</b></td> 
    <td><b>U</td> 
    </tr> 

</table> 

<table style="width:40%" border="1px solid black" float="left" width="148px" margin-right=" 4%"> 
    <caption><a href="#arts">Arts List</a></caption> 
    <tr> 
    <td>3</td> 
    <td>3</td> 
    <td>10</td> 
    </tr> 
    <tr> 
    <td><b>P</b></td> 
     <td><b> S</b></td> 
    <td><b>U</td> 
    </tr> 

</table> 
/div> 

甚至可以在sharePoint中并排放置两个HTML表格。 (没有div/style标签)

回答

1

你可以有彼此相邻的两个表浮动他们离开,使宽度足够小,以适应水平,像这样:

<table style="float:left;width:50%;box-sizing:border-box;"> 
    ... 
</table> 
<table style="float:left;width:50%;box-sizing:border-box;"> 
    ... 
</table> 
1

使用嵌套表。

<table> 
    <tr> 
    <td> 
     <table> 
     ... 
     </table> 
    </td> 
    <td> 
     <table> 
     ... 
     </table> 
    </td> 
    </tr> 
</table> 
+0

表不会在网页上并排使用。 – smushi 2014-11-06 02:03:03

+0

是的,他们会的,在这个例子中,这只是不太清楚。我把它修理了一下。 – JakeParis 2014-11-06 02:06:31

+0

谢谢@JakeParis – Paul 2014-11-06 08:42:12

1

style属性应该是一个连续字符串。 所以这

<table style="width:40%" border="1px solid black" float="left" width="148px" margin-right=" 4%"> 

应该是这个

<table style="width: 40%; border: 1px solid black; float: left; width: 148px; margin-right: 4%;"> 
0

我在工作中遇到了同样的问题,我没有使用SharePoint设计器的权限; 要在一个“布局列”中有两个不同的表格,我做了以下操作:

1)创建一个具有1行和2列的表格。

2)在每列内添加表格。该表格将自动适应,或者您可以修改功能区上的宽度和高度。

3)将第1个表格的样式改为“Table Style 1 - Clear”以消除边界。