This is giving me only a drop shadow on top.
Increasing the y-offset does nothing. It looks like it might be "behind something"
.table-row-cell:hover {
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10, 0.5, 0.0, 0.0)
}
//increased y axis offset
.table-row-cell:hover {
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10, 0.5, 0.0, 5.0)
}
Subsequent rows are put on the stack in the order they were added. That is the reason of issue which you describe as "behind something". To get the desired effect bring the hovered row to front to put on the top of the stack.