忽略应用于父表的css类。

Question

   <table class="table table-bordered table-hover table-condensed data_table">

    <tbody data-bind="foreach: outboundFaxLogs">
        <tr>
        </tr>
        <tr>
            <td></td>
              <td colspan="8">
                <table>
                     <tr style="border:none">
                        <td>ReFax Status</td>
                        <td>FaxTo</td>
                        <td>Completion</td>
                        <td>FaxID</td>
                      </tr>
                    <tbody data-bind="foreach: ResubmissionHistory"">
                    <tr style="border:none">
                        <td data-bind="text: Status" ></td>
                        <td data-bind="text: FaxToNbr"></td>
                        <td data-bind="text: $root.formatDateTime(CompletionTime)"></td>
                        <td data-bind="text: OutboundFaxLogId"></td>
                    </tr>

                  </tbody>

                </table>
            </td>

         </tr>


    </tbody>
</table>

父表有一个应用于它的css类，该类是表边框。它是一个twitter引导样式元素。我不想把这种风格应用到孩子的桌子上。我该怎么做？我不希望出现在子表的表单元格之间的行。

Answer 1

您可以在您的CSS中设置它。

.table-bordered table, .table-bordered table th, .table-bordered table td {
   border:0 none;
}

这使得表中的表具有类.table-bordered无边框。

Answer 2

如果打开bootstrap.css，可以看到tr和td边框是通过

.table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

因此，如果您想通过内联方式更改它，您应该使用

<tr style="border:none!important;">

希望这能帮上忙

Answer 3

您应该尝试取消样式表中的样式：

.table-bordered table th,
 .table-bordered table td {
border: 0 none !important;
}