Databases
StackOverflow2013
Postsdbo
PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
    primarykey
    data
    text
    <p>Can anyone help me find a way to get -ms-transform working on a table header? The context is that I'm repositioning the header (with Javascript and a CSS transform) to make it stick to the top of the screen when a user has scrolled down to the point that the header would otherwise no longer be visible (and the use rmay not be able to read or understand the data as well without visible column headers).</p> <p><a href="http://jsfiddle.net/aYtVP/2/" rel="nofollow">Here's a fiddle</a> (without the Javascript), but I'll post the code here as well:</p> <pre><code>&lt;style&gt; body { background-color: gray; padding: 0; margin: 0;} #move-table { transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); -webkit-transform: translate(10px, 10px); -o-transform: translate(10px, 10px); -moz-transform: translate(10px, 10px); background-color: green; } #move-thead { transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); -webkit-transform: translate(10px, 10px); -o-transform: translate(10px, 10px); -moz-transform: translate(10px, 10px); background-color: red; } &lt;/style&gt; &lt;table width="400" id="move-table"&gt; &lt;thead id="move-thead"&gt; &lt;tr&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;td&gt;x&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>This works fine in Chrome, Firefox and Opera, but unsurprisingly Internet Explorer (version 10, but presumably 9 as well) won't play nice. I'll admit it may not make a lot of sense to be repositioning a table header, but if the other browsers don't mind (thankfully), then perhaps there's a workaround for IE?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USredburn
    1. USredburn
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. USredburn
      1. VTBountyStart
    2. VO
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COFor some reason you need to add `display: block;` to `#move-thead {..}`. Then [it works](http://jsfiddle.net/kT4ju/1/).
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. USTeemu
    2. COIt does, but then it will no longer be a table header.
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. USredburn
    3. COThen what is it instead?
      singulars
      1. PO-ms-transform won't work on table header group (thead) in IE10 (and below, presumably)
      1. USTeemu
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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