Need help in making a responsive table

Question

i want to make a table cell have data in different corners of it

Answer 1

I would imagine transform: scale(); might do the trick (you can make the cells anchors with hrefs or onclick JavaScript -- pros and cons there).

https://stackoverflow.com/questions/26488960/zoom-vs-scale-in-css3

Answer 2

Why do you want to have data in different corners of the same cell? Why wouldn't having each cell have its own data point be better?

Answer 3

I think the simplest (and most common) implementation is to put images in each cell, then make the images links (anchors). Otherwise it would be very difficult to click/touch each separate item.

You can also treat each element as mini tables so the data points can still be separated by cell (but the border goes around the mini table and not each cell). Then put them all together in a bigger table/grid.

You can also play with <sup> and <sub>, <big> and <small>.

Just throwing out ideas.

Answer 4

i want make a interactive periodic table

Answer 5

no link or button for different corners only to show data

Answer 6

need help in making a table cell zoom in on click