マウスをテーブルの行の上に移動すると、カーソルが手に変わります

マウスをaの上<tr>に移動したときにカーソルポインターを手に変更するには<table>

<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>

CSSでこれを実際に行うことができます。

.sortable tr {
    cursor: pointer;
}

ブートストラップスタイルを少し検索したところ、次のことがわかりました。

[role=button]{cursor:pointer}

だから私はあなたがあなたが望むものを手に入れることができると思います：

<span role="button">hi</span>

私が見つけた最も簡単な方法は追加することです

style="cursor: pointer;"

あなたのタグに。

cursor: pointerあなたのCSSに追加してください。

これを私のstyle.cssに追加して、カーソルオプションを管理します。

.cursor-pointer{cursor: pointer;}
.cursor-croshair{cursor: crosshair;}
.cursor-eresize{cursor: e-resize;}
.cursor-move{cursor: move;}

IE <6との互換性のために、次の順序でこのスタイルを使用します。

.sortable:hover {
    cursor: pointer;
    cursor: hand;
}

ただし、IE <7では:hover、<a>要素を使用した場合のみ疑似クラスがサポートされることに注意してください。

cursor: pointer;カーソルを移動させる要素のCSS のスタイルを使用します。

あなたの場合、あなたは（.cssファイルで）使用します：

.sortable {
    cursor: pointer;
}

次のように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*/

標準のみで上記のソリューションは機能しますが、データテーブルを使用している場合は、デフォルトのdatatatables.css設定をオーバーライドし、次のコードをカスタムCSSに追加する必要があります。以下のコードで、行選択はデータテーブルに追加したクラスです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>

インラインスタイルの例：

<table>
  <tr> <td style="cursor: pointer;">mouse me over: pointer</td> </tr>
  <tr> <td style="cursor: wait;">mouse me over: wait</td> </tr>
  <tr> <td style="cursor: zoom-in;">mouse me over: zoom-in</td> </tr>
</table>