0 
   <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 のブートストラップ スタイルの要素です。そのスタイルを子テーブルに適用したくありません。これどうやってするの ？子テーブルのテーブル セルの間に表示される行は必要ありません。

4

3 に答える 3

1

これはCSSで設定できます

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

.table-borderedこれにより、クラスが境界線のないテーブル内にテーブルが作成されます。

于 2013-10-29T15:52:41.243 に答える
0

bootstrap.css を開くと、境界線trとtd境界線が定義されていることがわかります。

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

したがって、インラインで変更したい場合は、使用する必要があります

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

お役に立てれば

于 2013-10-29T15:51:36.623 に答える
0

スタイルシートでスタイルをキャンセルしてみてください:

.table-bordered table th,
 .table-bordered table td {
border: 0 none !important;
}
于 2013-10-29T15:54:50.497 に答える