将游标更改为数据表中除最后一行以外的所有行的指针

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>

现在我将光标作为指针在除最后一行之外的所有行中 row.How 我可以实现吗？

Answer 1

您可以完全使用 CSS 来完成此操作。

在 .hover-table-行之后添加这个 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;
}

将游标更改为数据表中除最后一行以外的所有行的指针

change cursor to pointer for all rows of the datatable except the last one

javascript

css

php

jquery

google-visualization