Tooltip is a kind of making big thing into simple. Hide all the data inside it and on hover show all the information about the something by using tooltip, most of the tooltips are not hoverable but here we can hover the tooltip and it can be used for database fetch, and we can show all kind of details in the database. that's why tooltip is more useful and looking very nice to see in your page.. Let's see detail things about this tooltip.
We can locate it all side such as.
data-location="top | top-left | top-right
right |right-top | right-bottom
left |left-top |left-bottom
bottom |bottom-left | bottom-right"
and here it has time to show the tooltip
data-delay=”1000” /* 1000ms=1sec
and also it has trigger functionalities.
data-trigger="click | hover | hoverable | focus"
Programin the above program, we used table for use the different kind of tooltip to show. like the above instruction.
that is the above is the script for the tooltip, just call the id of table field. and the above ins.
that's it. try the demo.