当鼠标移动到表格中的某一行时，将鼠标指针改为手形
当鼠标移过<table>的<tr> ，如何将光标指针更改为手形
<table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>
你可以做到这一点，没有实际的JavaScript。
.sortable tr { cursor: pointer; }
我已经search了bootstrap样式，发现这一点：
[role=button]{cursor:pointer}
所以我认为你可以得到你想要的：
<span role="button">hi</span>
我find的最简单的方法是添加
style="cursor: pointer;"
到您的标签。
添加cursor: pointer你的CSS的cursor: pointer 。
使用样式cursor: pointer; 在你希望光标改变的元素的CSS中。
在你的情况下，你可以使用（在你的.css文件中）：
.sortable { cursor: pointer; }
为了与IE <6兼容，请按以下顺序使用此样式：
.sortable:hover { cursor: pointer; cursor: hand; }
但请记住，IE <7支持:hover只用<a>元素:hover伪类。
我将其添加到我的style.css来pipe理光标选项：
.cursor-pointer{cursor: pointer;} .cursor-croshair{cursor: crosshair;} .cursor-eresize{cursor: e-resize;} .cursor-move{cursor: move;}
像这样使用CSS 游标属性：
<table class="sortable"> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr style="cursor: pointer;"><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>
当然，你应该把样式放到你的CSS文件中并应用到类中。
使用CSS
table tr:hover{cursor:pointer;} /* For all tables*/ table.sortable tr:hover{cursor:pointer;} /* only for this one*/
上面的解决scheme只是一个标准，但是如果你使用的是数据表，你必须重写默认的datatatables.css设置，并将下面的代码添加到自定义的css中。在下面的代码中，row-select是我在数据表上添加的类如html所示。
table.row-select.dataTable tbody td { cursor: pointer; }
而你的HTML将如下所示：
<table datatable="" dt-options="dtOptions1" dt-columns="dtColumns1" class="table table-striped table-bordered table-hover row-select" id="datatable"></table>
