从HTML嵌套表中删除默认单元格填充

时间:2018-06-01 08:38:58

标签: html css angular

我有一个父表,tr标签中的每个td标签都包含一个子表(例如 - 图中的Data WS-C3 ....)。

[![<table class="table table--bordered table--nostripes table-top">
    <thead>
       <th>PID</th>
       <th>Base Licence</th>
     </thead>
     <tbody>
        <tr>
           <td>
               <a (click)="addNewPid()">Add New PID</a>
           </td>
           <td><a (click)="addNewPid()">Add New PID</a></td>
        </tr>
        <tr>
           <td>
              <custom-table here ></custom-table>
           </td>
           <td>
               <custom-table here></custom-table>
           </td>
        </tr>
    </tbody>
</table>]

由于右列中的元素较少,因此添加默认填充以匹配左列的大小。我想在添加新PID之后立即显示右列的3行。如何删除右列中的默认填充?我试过givng span = 0但它不起作用。请知道

https://i.stack.imgur.com/3OUz3.png

1 个答案:

答案 0 :(得分:0)

试试这个css:

tr td {
  padding: 0px !important;
}