I am currently utilizing Bootstrap table to showcase some basic information, however, I am facing a peculiar problem.
Upon using the bootstrap-table stylesheet, the table displays as desired without an outer border. However, upon initializing the stylesheet, the entire table acquires a strange outline that I have been unable to remove, despite attempting to add the 'borderless' class.
Without CSS file: https://i.sstatic.net/j4Vpo.png
With CSS file: https://i.sstatic.net/EDk9P.png
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();
});