Bug 6910 - Use sticky headers for long tables
Summary: Use sticky headers for long tables
Status: NEW
Alias: None
Product: Toaster
Classification: Build System, Metadata & Runtime
Component: toaster (show other bugs)
Version: unspecified
Hardware: x86 Multiple
: Medium enhancement
Target Milestone: Future
Assignee: Toaster default assignee
QA Contact:
URL:
Whiteboard:
Depends on:
Blocks:
 
Reported: 2014-10-29 18:23 UTC by Michael Wood
Modified: 2024-06-27 18:43 UTC (History)
5 users (show)

See Also:
OS type for building Yocto: ---
Type of Regression: ---
Verified:
Documentation change: No (bug/feature does not impact docs)


Attachments
screenshot showing stickyheaders (221.06 KB, image/png)
2014-10-29 18:23 UTC, Michael Wood
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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