Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 82356

Bootstrap tooltip is not visible in FixedColumn

$
0
0

Hi, I'm using tables which are loaded via ajax and they have a FixedColumn which is the last column in tables. The content from the server has information for each row but info for FixedColumn is HTML code that contains two buttons like that:

<button type='button' class='btn btn-link btn-sm text-primary' data-toggle='modal' data-backdrop='static' data-keyboard='false' data-target='#modal1'>
      <i class='fas fa-pen' data-toggle='tooltip' title='Editar'></i>
</button>
<button type='button' class='btn btn-link btn-sm text-danger' data-toggle='modal' data-backdrop='static' data-keyboard='false' data-target='#modal2'>
      <i class='fas fa-trash' data-toggle='tooltip' title='Eliminar'></i>
</button>

The problem is that tooltips in buttons inside fixedColum are not visible if the table is not scrolled horizontally.

I tried to make a test case but I don't know how to make an identical example because of the ajax thing.

live.datatables.net/huwomuqi/2/edit

Column named "Acciones" inside the test case is fixedColumn and where buttons are when table is fully loaded

I appreciate any help. Thanks in advance.


Viewing all articles
Browse latest Browse all 82356

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>