Popover/tooltip

[rpashankar]

HI, i need to add popover after clicking ecah record.i tried one thing i am able to get popover but in diffrent place.it should come near record. tableOptions: { clickCallback: function(e, value, filters, pivotData) { var names = []; pivotData.forEachMatchingRecord(filters, function(record) { names.push(record.appId); var popup = document.createElement('div'); popup.className = 'popup'; popup.id = 'test'; var cancel = document.createElement('button'); cancel.className = 'cancel'; cancel.innerHTML = 'close'; cancel.onclick = function (e) { popup.parentNode.removeChild(popup) }; var message = document.createElement('span'); message.innerHTML = 'hi'; popup.appendChild(message); popup.appendChild(cancel); document.body.appendChild(popup); });

            },
        },

[rpashankar]

HI, we are able to get popover/tooltip using 'bootstrap'.

            pivotData.forEachMatchingRecord(filters, record => {
$(e.currentTarget).popover({

                html:true,
               animation: false,
               content:function(){
                  return 'hello world'
              },
               placement: "right",
              trigger:'click'

              });

[rpashankar]

if you need to use react-component then,

import ReactDOMServer from 'react-dom/server'

var popup = ReactDOMServer.renderToStaticMarkup(<PivotPopover />);
$(e.currentTarget).popover({

                html:true,
               animation: false,
               content:function(){
                  return popup
              },
               placement: "right",
              trigger:'click'

              });