Question

我正在尝试在Sharepoint网页上并排放置两个HTML表格。我注意到Sharepoint在<style></style>标记之间删除了任何内容。还会删除<div><\div>标记中的信息。

我现在有这个。

<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标签）

Answer 1

使用嵌套表。

<table>
  <tr>
    <td>
       <table>
         ...
       </table>
    </td>
    <td>
       <table>
         ...
       </table>
    </td>
  </tr>
</table>

Answer 2

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%;">

Answer 3

你可以将两张桌子左右浮动，并使宽度足够小，以便水平放置，如下所示：

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

Answer 4

我在工作中遇到同样的问题而且我没有使用SharePoint设计器的权限; 要在一个“布局列”中包含2个不同的表，我执行了以下操作：

1）创建一个包含1行和2列的表。

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

3）将第一个表格的样式更改为“表格样式1 - 清除”以消除边框。

HTML表格并排（sharepoint）（没有CSS /样式）

4 个答案: