question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Enhancement] Fixed DataTable Headers

See original GitHub issue

What will it allow you to do that you can’t do today

It will allow you to have scrollable tables with fixed / sticky header, which is becoming more and more popular. It’ll also give a polished feel to the application. See https://codepen.io/anon/pen/qbLaMb?editors=101

How will it make current work-arounds straightforward?

To fix the headers in datatables, some hacks are likely needed right now. This will reduce the need for hacks

Something like a "fix-header’ prop would be amazing: <v-data-table v-bind:headers="headers" :items="items" fix-header ></v-datatable>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:139
  • Comments:68 (7 by maintainers)

github_iconTop GitHub Comments

50reactions
smarescommented, Aug 31, 2017

To be honest, this is one of the cool features of Element’s tables. Not only can you have fixed headers, but also fixed columns: http://element.eleme.io/#/en-US/component/table#table-with-fixed-column Would really love to see this feature, too. 😃

41reactions
ckittcommented, Sep 15, 2017

Is anyone working on this at this moment? if not, I will give it a try

Read more comments on GitHub >

github_iconTop Results From Across the Web

With FixedHeader - DataTables example
First name Last name Position Office Age Start date Salary Airi Satou Accountant Tokyo 33 2008‑11‑28 $162... Angelica Ramos Chief Executive Officer (CEO) London 47...
Read more >
Header and footer fixed - DataTables example
Header and footer fixed. FixedHeader provides the ability to fix in place the header and footer of the table. These are controlled by...
Read more >
Enable / disable FixedHeader - DataTables example
This example demonstrates this ability using two floating buttons (top right) which you can click to enable and disable the fixed header. Enable...
Read more >
[Enhancement] FixedHeader table isn't compatible with tabs ...
I'm currently using a datatablee within a tab with Twitter Bootstrap, and it doesn't work since the fixed header is appended at the...
Read more >
Multiple tables - FixedHeader example - DataTables
The following example shows two DataTables enhanced tables both with FixedHeader enabled on them. This is done quite simply by initialising DataTables on...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found