将光标更改为指向除最后一行之外的所有数据行行的指针

Question

这是我到目前为止所做的事情

var table = new google.visualization.Table(document.getElementById('report_results'));
var view = new google.visualization.DataView(d);
var swidth = screen.width;
view.setColumns([2,3,4,5,6,7,8,9,10]);
var cssClassNames = {'hoverTableRow': 'hover-table-row'};
var swidth = screen.width;
table.draw(view, {height: 700,width:swidth,'cssClassNames':cssClassNames});

<style>
.hover-table-row{
        color: #9a64ff;
        cursor:pointer;
}
</style>

现在我将光标作为除最后一行之外的所有行的指针。我怎样才能实现呢？

Answer 1

您可以使用CSS完全实现此目的。

在.hover-table-row css

之后添加

.hover-table-tow:last-child {
  cursor: default;
  color: #000000;
}

更多信息：

https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Answer 2

您需要使用CSS为最后一个单元格定义default游标值：

.hover-table-tow:last-child {
  cursor:default;
}