Tooltip on hover

castlefacts

This seems to have been asked, but all seems to be related to an old version.

My apologies if this has been answered before , but I could not seem to find a definative answer

I have as dataset coming back from a JSON array, so something like

{
'"data": [
[
"<A Href='../Castledetails/Castledetails3.Aspx?Uin=10782' Target = '_Self' >Codnor Castle</A>",
"<Img Src='/Assets/Photographs/10782/Thumbnails/IMGP0962.JPG'></Img>",
"Timber Castle Masonry Castle  ",
"Certain",
"Masonry Ruins/Remnants",
"Codenor; Cotenoure; Courtenoure",
"Aldercar And Langley Mill",
"Grade 2",
""
]
]
}

And my table is something like :

  <thead>
          <tr>
            <th>Name</th>
            <th>Photos</th>
            <th>Type</th>
            <th>Confidence</th>
            <th>Remains</th>
            <th>Other Names</th>
            <th>Civil Parish</th>
            <th>Listed</th>
            <th>Scheduled</th>
          </tr>
        </thead>

I would of course have more than one record in my table. This is all working fine

What I would like to do is to be able to have a tooltip on say the Photos cell and say something like "There are 20 images available to view"

I simply cant figure out a way to do it

If anyone could point me in the right direction it would be great