Databases
StackOverflow2013
Postsdbo
POMVC 4 ActionLink does not scroll properly in table header in scrollable div in Internet Explorer
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMVC 4 ActionLink does not scroll properly in table header in scrollable div in Internet Explorer
    text
    copied!<p>I have a view with a div that essentially looks like this</p> <pre><code>&lt;div style="width:100%;height:295px;overflow:auto;margin:0 auto"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;A normal column&lt;/th&gt; &lt;th&gt;@Html.ActionLink("An action link", "Details", new { id = ViewBag.SiteId }, null)&lt;/th&gt; &lt;th&gt;Another normal column&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; @{ for (var i = 0; i &lt; Model.Count; ++i) { &lt;tr&gt; &lt;td&gt;@Html.DisplayFor(modelItem =&gt; Model[i].Edit)&lt;/td&gt; &lt;td&gt;@Html.DisplayFor(modelItem =&gt; Model[i].EditCategory)&lt;/td&gt; &lt;td&gt;@Html.DisplayFor(modelItem =&gt; Model[i].EditSeverity)&lt;/td&gt; &lt;/tr&gt; } } &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>There are enough rows in the Model that the table will be taller than the div, thus giving the div a scrollbar. However, when I use that scrollbar, the text of the ActionLink does not scroll! Instead in stays in the same place, thereby overlapping the data in the rows below it, until a mouse over it or another link, at which point it jumps back up to where it should be and displays there, even if that would place it above the div. This is only happening for me in Internet Explorer ( I only have IE 7 installed so I don't know how it works in other flavors). The ActionLink will scroll properly in Chrome and Firefox.</p> <p>Is there anything I can do to get this to function properly in IE as well?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload