引导程序表不可移动边框

Question

我正在使用Bootstrap表来显示一些简单的信息，但是我遇到了一个奇怪的问题。

当我使用bootstrap-table样式表时，表格按照我想要的方式显示，即没有外边框，但是当我初始化样式表时，整个表格都得到了这个奇怪的轮廓，我似乎无法删除–即使为课程添加了无边界的语言。

没有CSS文件：

带有CSS文件：

HTML：

<div class="table-responsive">
   <table id="table" class="table table-dark table-responsive table-no-bordered">
      <thead>
         <tr>
            <th data-field="id">#</th>
            <th data-field="filename">#</th>
            <th data-field="type">#</th>
            <th data-field="comment">#</th>
            <th data-field="action">#</th>
         </tr>
      </thead>
      <tbody>
         <tr></tr>
         <tr></tr>
         <tr></tr>
         <tr></tr>
         <tr></tr>
      </tbody>
   </table>
</div>

JavaScript：

$('#table').bootstrapTable({
    data: response_Array,
    pagination: true,
    pageSize: 5
});
$('.fixed-table-loading').remove();

});

Answer 1

从ONNX检查bootstrapTable示例，导致边界的相应css类为.fixed-table-container。

尝试将其添加到您的javascript中：

$('.fixed-table-container').css('border', 'none');

希望它能奏效。另外，您可以尝试使用内联或外部CSS：

<style>
    .fixed-table-container {
        border: none;  // or border: none !important;
    }
</style>