Export Table CSS Issue?

Dear @wenzhixin

Are there guidelines or documentation about which dependencies should be installed to make everything work together well? Currently, I’ve managed to assemble a mix of versions that more or less working together by trial and error, but as soon as one component gets replaced by a newer release, other problem are introduced.

I’m facing a few minor issues using bootstrap-table-export in which the icon & dropdown menu aren’t rendered correctly. The icon could be fixed using the example code you wrote & shared on JSFiddle, which I’m gratefully added into my app.

However, I can’t wrap my head around the problem of CSS not being applied to the bootstrap-table-export dropdown menu,

while it does get applied correctly to the dropdown menu that comes with the button created by data-show-columns="true".

Basically, I am seeing the same as in the closed issue #3715.

Currently, the following is in use:

<link rel="stylesheet" type="text/css" href="/libs/bootstrap-4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/libs/Font-Awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/libs/bootstrap-table-1.12.2/bootstrap-table.min.css">        

<script type="text/javascript" src="/libs/jquery-3.1.0/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="/libs/popper/umd/popper.min.js"></script>
<script type="text/javascript" src="/libs/bootstrap-4.2.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/libs/core-js-2.6.3/client/core.min.js"></script>
<script type="text/javascript" src="/libs/tableExport/tableExport.js"></script>
<script type="text/javascript" src="/libs/tableExport/jquery.base64.js"></script>
<script type="text/javascript" src="/libs/bootstrap-table-1.12.2/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/libs/bootstrap-table-1.12.2/extensions/export/bootstrap-table-export.js"></script>

Updating bootstrap-table to the latest release breaks my application as certain tables won’t even get filled after it successfully requested JSON-formatted data through an API.

Looking forward to solutions & work-arounds 👍

[wenzhixin]

Great! Close this issue. If you like Bootstrap Table, give us a star! ⭐️⭐️⭐️ Thanks!

[mdjaman]

Sorry to bump this post but there is an issue with the refresh since it uses the alias “fa fa-sync” which is not updated in font-awesome:4.7.0. So can you change it by “fa fa-refresh”