Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

194
Views
Conflict between table sticky header and popovers

Bootstraptable version(s) affected: 1.18.3

Excuse me,When using table sticky header and popovers, the pop-up frame of popovers will fail. Is there a way to solve it? My code is as follows:


<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
<script>$(function show() {$("[data-toggle='popover']").popover({});})</script>
<script>var $table = $('#table')$(function() {$table.bootstrapTable('destroy').bootstrapTable({stickyHeader: true,})})</script>
<table data-toggle="table" class="table-hover table-striped" id="table" data-toolbar="#toolbar" >...<button id="temp" type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Top popover">Popover on top</button>...</table>

Any ideas what I'm doing wrong? Thanks
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!