Hover text not working with table

This may be an issue with code or with documentation, but hover text doesn't work with a table if you follow the documentation

hoverinfo
Parent: data[type=table]
Type: flaglist string. Any combination of "x", "y", "z", "text", "name" joined with a "+" OR "all" or "none" or "skip".
Examples: "x", "y", "x+y", "x+y+z", "all"
Default: "all"
Determines which trace information appear on hover. If none or skip are set, no information is displayed upon hovering. But, if none is set, click and hover events are still fired.

This example in codepen is based on my understanding of the above documentation but if you move the mouse over the cell, nothing pops up.

Where is a fix required:

• in plotly.js table implementation
• in the documentation
• in my example?

In any case if the error is with my example, other users in plotly forums and in stackoverflow have a similar issue.

Comienza con la documentación de referencia de tablas enlazada y la reproducción en CodePen; después, compara el comportamiento documentado de hoverinfo con lo que ocurre al pasar el cursor sobre una celda de la tabla. Se considera completado cuando se haya determinado si el ejemplo, la documentación o la implementación de la tabla es responsable, y se haya verificado el comportamiento resultante.