この特定のトピックについて非常に多くの質問があることは承知していますが、それらの解決策をすべて試しましたが、うまくいきません。もしくは私のやり方が間違っているのかもしれませんが、もしお気づきでしたらご指摘ください。
だから私は、Twitter Bootstrap を実装する JSP ページを持つ Spring MVC アプリを持っています。forEach
それらの 1 つで、JSTLサイクルでいっぱいになるテーブルを取得しました。これは、私がそれを機能させることができないように見えるところです。これが私が得たものです:
<table class="table table-hover" data-provides="rowlink">
<thead>
<tr>
<th>Title</th>
<th>Author</th>
<th>Last Mod</th>
<th></th>
</tr>
</thead>
<tbody>
<c:forEach var="recipe" items='${recipes}'>
<tr>
<td><a href="/recipes/${recipe.id}">${recipe.inputTitle}</a></td>
<td>${recipe.author}</td>
<td>${recipe.timestamp}</td>
<td><a class="btn btn-small btn-primary" href="/recipes/${recipe.id}"><i class="icon-list icon-white"></i> Detalhe</a></td>
</tr>
</c:forEach>
</tbody>
</table>
これが行うことは、基本的に最初のフィールド (タイトル) にリンクを平手打ちすることであり、行全体がクリック可能になるわけではありません。また、私の言いたいことがわかるなら、リンクのように表示されないようにすることができればいいのですが。
私<tbody data-provides="rowlink">
も試してみましたが、ここSOに存在するすべての回答で見たほとんどすべての種類の組み合わせです。
何が欠けていますか?
ありがとう
編集
これを行う正しい方法は何ですか?多分私は何かが足りない。
ありがとう
編集2
@SlavaSemusin のおかげでclass="rowlink" to the
、ループ内に ` を追加して、行全体をクリック可能にすることができました。
<table class="table table-bordered table-striped" data-provides="rowlink">
<thead>
<tr>
<th>Title</th>
<th>Author</th>
<th>Last Mod</th>
</tr>
</thead>
<tbody>
<c:forEach var="recipe" items='${recipes}'>
<tr class="rowlink">
<a href="/recipes/${recipe.id}">
<a href="/recipes/${recipe.id}">${recipe.inputTitle}</a></td>
<td>${recipe.author}</td>
<td>${recipe.timestamp}</td>
</a>
</tr>
</c:forEach>
</tbody>
</table>
リンクが指定class="nolink"
されている場所に追加しようとしましたが、配置した場所にも追加しようとしましたが、どちらの方法でも機能しませんでした。<td>
<tr>
class="rowlink"
したがって、行全体をクリック可能にするという問題は解決されました。最初のテーブル フィールドのリンク ハイライトを削除したいだけです。