11k を超えるアイテムを保持する単純な ASP.NET MVC3 インデックス ページがあります。おまけで操作リンク用のボタンがあります。コードは次のようになります。
<table class="list">
<tr>
<th></th>
<th>
Name
</th>
<th>
Code
</th>
<th>
Explanation
</th>
</tr>
@foreach (var item in Model) {
<tr>
<td>
<a href="@Url.Action("Edit", new { id = item.ID })" class="noUL">
<img class="opr" src="@Url.Content("~/Content/Images/edit.png")" alt="Edit" title="Edit" />
</a>
<a href="@Url.Action("Details", new { id = item.ID })" class="noUL">
<img class="opr" src="@Url.Content("~/Content/Images/info.png")" alt="Details" title="Details"/>
</a>
<a href="@Url.Action("Delete", new { id = item.ID })" class="noUL">
<img class="opr" src="@Url.Content("~/Content/Images/delete.png")" alt="Delete" title="Delete"/>
</a>
</td>
<td width="600px">
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Code)
</td>
<td>
@Html.DisplayFor(modelItem => item.Explanation)
</td>
</tr>
}
Chrome や Firefox を含む他のブラウザで問題なく開くことができますが、IE8 では最初に実行を試み、その後永久にロックされます。IE に良いパフォーマンスは期待できませんが、どうすれば動作させることができますか? 一日を節約するための小さなヒントは大歓迎です。たとえば、さまざまなサイズの列に静的な幅を与えようとしました。
更新:画像リンクの列を削除しましたが、うまくいきました。以前に試した div-ul-li セットアップよりも、テーブルを使用するとさらに高速になります。