0

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 セットアップよりも、テーブルを使用するとさらに高速になります。

4

1 に答える 1