Bootstrap 表格不可移除边框答案

【问题标题】：Bootstrap table non-removable borderBootstrap 表格不可移除边框
【发布时间】：2019-03-07 19:51:46
【问题描述】：

我正在使用 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();

});

【问题讨论】：

您能否创建一个mcve（例如使用https://stackblitz.com/）以便我们运行您的代码并修改甚至发布一些示例代码？
可以尝试设置一个，我从数据库中获取数据，但这可能会使它变得棘手。我将使用我的一些可能相关的代码更新 OP！
你能发布正在应用的 CSS 吗？如果没有相关的样式规则，我们很难弄清楚边框的来源。为所有 table table-dark table-responsive table-no-bordered 发布 CSS sn-ps 会很有帮助。

标签： html css twitter-bootstrap html-table bootstrap-4

【解决方案1】：

从here检查bootstrapTable示例，导致边框的相应css类是.fixed-table-container。

尝试将此添加到您的 javascript：

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

希望它有效。或者，您可以尝试使用内联或外部 css：

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

【讨论】：