Databases
StackOverflow2013
Postsdbo
POTrouble with FixedHeader
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTrouble with FixedHeader
    primarykey
    data
    text
    <p>UPDATE: I talked to the author of FixedHeader, and it seems that it isn't going to work for me. I think the problem is that my table is inside of a tab, which is causing some problems (see the screenshots in my other update), and he said that the current version of FixedHeader doesn't address these issues. I've tried some other plugins and methods for fixed table headers, and they're all giving me similar problems. I suspect it's because my table is inside of a tab. If anyone has any easy solutions, please let me know. Otherwise, don't worry about it. I've got a lot of other stuff to work on for this website, and the fixed table header seems to be taking up too much time. </p> <p>I'm trying to use <a href="http://datatables.net/extras/fixedheader/" rel="nofollow noreferrer">FixedHeader</a> for <a href="http://www.collegeanswerz.com/colleges" rel="nofollow noreferrer">my website</a>. </p> <p>I downloaded <a href="http://datatables.net/download/build/FixedHeader.js" rel="nofollow noreferrer">FixedHeader.js</a> and put it in <code>vendor/assets/javascripts</code>. I have <code>//= require FixedHeader</code> in <code>application.js</code>.</p> <p>In <code>colleges.html.erb</code> I've set a class of <code>table-fixed-header</code> to each of my two tables, and have <code>&lt;%= javascript_include_tag :application %&gt;</code>. In <code>colleges.js</code>, I've got <code>var oTable = $('.table-fixed-header').dataTable(); new FixedHeader( oTable );</code>.</p> <p>In the development environment, when I go to inspect element > resources (in chrome), <code>FixedHeader.js</code> loads, but there's 2 problems with <code>colleges.js</code>: it says... </p> <pre><code>var oTable = $('.table-fixed-header').dataTable(); Uncaught TypeError: Object [object Object] has no method 'dataTable' (repeated 2 times) new FixedHeader( oTable ); </code></pre> <p>What can I do to get this to work? (Right now it doesn't work at all.)</p> <p>EDIT: I just messed around a little and didn't have success. I tried <code>$.browser</code> instead of <code>jQuery.browser</code>, but that gave me the same 'msie' error. Then I tried deleting that code altogether, and there were no javascript errors, but the fixed header didn't really work too well (the header started off at the top of my web page when it shouldn't, it wasn't sized properly etc.). </p> <p>UPDATE: Using the updated version (<a href="https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js" rel="nofollow noreferrer">https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js</a>) gets the header to appear at the top of the page before you click on the table link (it shouldn't appear yet, and it shouldn't be at the very top). Also, it isn't sized the right way, and it doesn't have the sorting functionality. See these links:<br> - <a href="http://awesomescreenshot.com/00d1pe963a" rel="nofollow noreferrer">http://awesomescreenshot.com/00d1pe963a</a><br> - <a href="http://awesomescreenshot.com/09e1pe9581" rel="nofollow noreferrer">http://awesomescreenshot.com/09e1pe9581</a><br> - <a href="http://awesomescreenshot.com/0d21pe9a2b" rel="nofollow noreferrer">http://awesomescreenshot.com/0d21pe9a2b</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USAdam Zerner
    plurals
    1. PL
      singulars
      1. LTLinked
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POTrouble with FixedHeader
      1. USAdam Zerner
      1. VTBountyStart
    2. VO
      singulars
      1. POTrouble with FixedHeader
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POTrouble with FixedHeader
      1. This table or related slice is empty.
      1. VTDownMod
    1. CONot sure if this is relevant or just a separate problem, but somehow the javascript on my home page got messed up. You're supposed to click the "View Details" buttons for details, but all the content for those buttons are just always being shown.
      singulars
      1. POTrouble with FixedHeader
      1. USAdam Zerner
    2. CO`$(document).ready( function () { new FixedHeader( $('.table-fixed-header').get(0) ); } );` This is from fixed header example http://datatables.net/release-datatables/extras/FixedHeader/html_table.html the code said `2. HTML table node - when using FixedHeader without DataTables` so it may only work with table.
      singulars
      1. POTrouble with FixedHeader
      1. USj03w
    3. CO@j03w I just tried that, and it didn't work. Now when I go to Inspect Element > Resources, I get 2 errors in FixedHeader.js, and none in colleges.js. s.bUseAbsPos = (jQuery.browser.msie && Uncaught TypeError: Cannot read property 'msie' of undefined (repeated 2 times) (jQuery.browser.version=="6.0"||jQuery.browser.version=="7.0")); },
      singulars
      1. POTrouble with FixedHeader
      1. USAdam Zerner
 

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