Bootstrap table несъемный бордюр - PullRequest
Новая
       29

Bootstrap table несъемный бордюр

0 голосов
/ 02 октября 2018

Я использую таблицу Bootstrap для отображения некоторой простой информации, но у меня странная проблема.

Когда я использую таблицу стилей bootstrap-table, таблица выглядит так, как я хочу, то есть без внешней границы, но когда я инициализирую таблицу стилей, вся таблица получает этот странный контур, который мне не кажетсяудалить - даже при добавлении без полей в класс.

без CSS-файла: Without CSS file

с CSS-файлом: With CSS file

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();

});

1 Ответ

0 голосов
/ 02 октября 2018

Проверка примера bootstrapTable из здесь соответствующего класса css, который вызывает границу, является .fixed-table-container.

Попробуйте добавить это в свой JavaScript: 

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

Надеюсь, это работает.В качестве альтернативы вы можете попробовать использовать встроенный или внешний CSS: 

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