Вот что я сделал до сих пор
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>
Теперь у меня есть курсор в качестве указателя во всех строках, кроме последней. Как мне этого добиться?
Вы должны определить default
значение курсора для последней ячейки с CSS:
.hover-table-tow:last-child {
cursor:default;
}
Вы можете сделать это исключительно с помощью CSS.
Добавьте это после CSS-таблицы .hover-table-row
.hover-table-tow:last-child {
cursor: default;
color: #000000;
}
Больше информации:
https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child