Bug 6910

Summary: Use sticky headers for long tables
Product: [Build System, Metadata & Runtime] Toaster Reporter: Michael Wood <michael.g.wood>
Component: toasterAssignee: Toaster default assignee <toaster>
Status: NEW --- QA Contact:
Severity: enhancement    
Priority: Medium CC: alexandru.damian, belen.barros.pena, cristiana.voicu, david.reyna, randy.macleod
Version: unspecified   
Target Milestone: Future   
Hardware: x86   
OS: Multiple   
Whiteboard:
OS type for building Yocto: --- Type of Regression: ---
Verified: Documentation change: No (bug/feature does not impact docs)
Attachments:
Description Flags
screenshot showing stickyheaders none

Description Michael Wood 2014-10-29 18:23:56 UTC 
Created attachment 2222 [details]
screenshot showing stickyheaders

It'd be good if we used sticky headers for the tables in toaster which are often very long.

http://plugins.jquery.com/StickyTableHeaders/

simple as doing:


<style>
#otable th { background: white; border-bottom: 1px solid #ddd; }
</style>

<script>
$('#otable').stickyTableHeaders();
</script>

produces screenshot attached.
Comment 1 Belen Barros Pena 2014-10-30 11:07:37 UTC 
yes, please! 

We just need to keep in mind:

* Test the plugin in the directory structure table, to make sure nothing breaks
* We now have a fixed navbar at the top of every page
* We need to tweak the styles of the <thead> to anchor them visually: otherwise you get a bit lost when you scroll. Something like this

thead { background-color: #f5f5f5; border-bottom: 1px solid #ddd; }

should do.

Also, the license: I a not sure if we'll need to add the plugin to the IP plan (AlexD should know).

Thanks!
Comment 2 David Reyna 2018-10-04 13:26:58 UTC 
Reviewed 10/18