Tables are set to a width of 100% and have some basic formatting applied.
| Jellyfish Species | Danger Level | Habitat |
|---|---|---|
| Cotylorhiza tuberculata | Mild | Mediterranean Sea |
| Pelagia noctiluca | Severe | Mediterranean Sea |
| Rhopilema nomadica | Severe | Indo-Pacific ocean |
| Jellyfish Species | Danger Level | Habitat |
Use the class .is-striped to add stripes to alternating rows.
| Jellyfish Species | Danger Level | Habitat |
|---|---|---|
| Cotylorhiza tuberculata | Mild | Mediterranean Sea |
| Pelagia noctiluca | Severe | Mediterranean Sea |
| Rhopilema nomadica | Severe | Indo-Pacific ocean |
| Jellyfish Species | Danger Level | Habitat |
Use the class .has-border to add borders to the table.
| Jellyfish Species | Danger Level | Habitat |
|---|---|---|
| Cotylorhiza tuberculata | Mild | Mediterranean Sea |
| Pelagia noctiluca | Severe | Mediterranean Sea |
| Rhopilema nomadica | Severe | Indo-Pacific ocean |
| Jellyfish Species | Danger Level | Habitat |
Use the class .is-hoverable to enable a hover state on rows.
| Jellyfish Species | Danger Level | Habitat |
|---|---|---|
| Cotylorhiza tuberculata | Mild | Mediterranean Sea |
| Pelagia noctiluca | Severe | Mediterranean Sea |
| Rhopilema nomadica | Severe | Indo-Pacific ocean |
| Jellyfish Species | Danger Level | Habitat |
Jellyfish provides two methods of making tables more responsive. The first adds a scroll bar on smaller devices; the second uses data-attributes on the <td> elements to display headings inline with the content.
Method One: (preferred) Apply a class of .is-responsive to the table, and replicate the <th> labels as data-label properties on each <td>.
Note: if you leave the data-labels out of your markup, Jellyfish's javascript will add the data-labels in automatically on document ready.
| Jellyfish Species | Stinger | Habitat | How to identify it |
|---|---|---|---|
| Cotylorhiza tuberculata | Harmless to humans, but it is better not to touch it. It is probably harmless also for most fishes. Just as for Rhizostoma, it is often associated to young fish that use it as a shelter | Very abundant in the Mediterranean Sea, expecially in bays. In 2009 it was more frequent in the southern part of Italy, showing a preference for warmer waters, but this was not confirmed in 2010 and 2011, since this species was very frequent throughout the whole Italian coast, especially in the second half of the summer. | One of the most beautiful jellyfish of the Mediterranean Sea. The umbrella can measure 30 cm in diameter, it is very rigid and roundish in its centre, where it has a reddish or yellow color. The external part of the manubrium is motile and pulsates vigorously. Under the umbrella, the manubrium resembles a bouquet of flowers, with blue-purple buttons, inserted into stout arms. Some tentacles, also terminating with blue buttons, are inserted on the manubrium.Cotylorhiza can have symbiotic microalgae that live in its tissues, just as those of tropical corals. Functionally it is a “plant”, even if it can feed on zooplankton. |
| Rhopilema nomadica | A bad stinger, it can be confused with the almost harmless Rhizostoma from which it can be distinguished due to the characteristic blue rim of Rhizostoma | The genus Rhopilema is typical of the Indo-Pacific ocean and has no Atlantic or Mediterranean representatives. It never reached the Italian seas, possibly because the temperatures are not high enough for this tropical species. In the Eighties this species became suddenly abundant along the Israeli coasts of the Mediterranean Sea: it probably reached the Mediterranean from the Red Sea, through the Suez Canal, hence the specific name “nomadica”. In the eastern Mediterranean it causes great harm to tourism, fisheries, and industry. | It does not pass unnoticed, since it can reach 80 cm in diameter and can form extensive swarms. The current global warming might pave its way towards the expansion of this species in the Western Mediterranean. |
Method Two: wrap a table in a .table-container to add a scroll bar on smaller devices. There is far less control with this method, so it's not generally recommended.
| Jellyfish Species | Stinger | Habitat | How to identify it |
|---|---|---|---|
| Cotylorhiza tuberculata | Harmless to humans, but it is better not to touch it. It is probably harmless also for most fishes. Just as for Rhizostoma, it is often associated to young fish that use it as a shelter | Very abundant in the Mediterranean Sea, expecially in bays. In 2009 it was more frequent in the southern part of Italy, showing a preference for warmer waters, but this was not confirmed in 2010 and 2011, since this species was very frequent throughout the whole Italian coast, especially in the second half of the summer. | One of the most beautiful jellyfish of the Mediterranean Sea. The umbrella can measure 30 cm in diameter, it is very rigid and roundish in its centre, where it has a reddish or yellow color. The external part of the manubrium is motile and pulsates vigorously. Under the umbrella, the manubrium resembles a bouquet of flowers, with blue-purple buttons, inserted into stout arms. Some tentacles, also terminating with blue buttons, are inserted on the manubrium.Cotylorhiza can have symbiotic microalgae that live in its tissues, just as those of tropical corals. Functionally it is a “plant”, even if it can feed on zooplankton. |
| Rhopilema nomadica | A bad stinger, it can be confused with the almost harmless Rhizostoma from which it can be distinguished due to the characteristic blue rim of Rhizostoma | The genus Rhopilema is typical of the Indo-Pacific ocean and has no Atlantic or Mediterranean representatives. It never reached the Italian seas, possibly because the temperatures are not high enough for this tropical species. In the Eighties this species became suddenly abundant along the Israeli coasts of the Mediterranean Sea: it probably reached the Mediterranean from the Red Sea, through the Suez Canal, hence the specific name “nomadica”. In the eastern Mediterranean it causes great harm to tourism, fisheries, and industry. | It does not pass unnoticed, since it can reach 80 cm in diameter and can form extensive swarms. The current global warming might pave its way towards the expansion of this species in the Western Mediterranean. |