Questions tagged [fixed-header-tables]

Tables in which the first row (typically holding the column names) is fixed (i.e.: it doesn't scroll).

Tables in which the first row (typically holding the column names) is fixed (i.e.: it doesn't scroll).

142 questions
1
vote
0 answers

DataTable FixedHeader not working

I have a popup in which I show a DataTable:
ayasha
  • 1,221
  • 5
  • 27
  • 46
1
vote
1 answer

Datatables FixedHeader sets columns to equal widths after scrolling is done

I initialize my HTML table using the columns option, so that I can set the widths for each indiviual column. Initially, fixedHeader preserves the specified columns widths, once I start scrolling. After I scroll all the way back up, to the point that…
oneiros
  • 3,527
  • 12
  • 44
  • 71
1
vote
0 answers

Angular Infinite scroll + mcustomScrollbar for table body

I am trying to implement the Angular JS infinite scroll with fixed header and fixed column. And in the mean time am adding the mcustomscrollbar for scroll features. I can able to add the scroll functionality outside the table i.e if we add scroll to…
1
vote
1 answer

Confused about an example of build a table with fixed header

Could anyone help me to point out which styles is the key to build this fixed header table? This is the only example I find out useful, but I can not figure out which are the most important styles make this happen. Also I am curious why there needs…
Kuan
  • 11,149
  • 23
  • 93
  • 201
1
vote
0 answers

Gridviewscroll does not work on too many records

I used this gridview scroll, github . It works well in most tables. However, if table has too many frozen cells, they disappear one by one. Javascript file: http://gridviewscroll.aspcity.idv.tw/Scripts/gridviewScroll.min.js?20130319 Anyone else got…
Ulfsark
  • 902
  • 1
  • 11
  • 26
1
vote
2 answers

Fixed header within table when scrolling the table

Problem: I have a table that is too large to be a liquid style element for mobile. My solution was to make the overflow-x: auto. Works great and is pretty much how spread sheets on mobile apps work. One problem, the table can be confusing to read…
Philll_t
  • 4,267
  • 5
  • 45
  • 59
1
vote
1 answer

Sticky Table Headers & Columns - Two fixed columns

I'm using the plugin Sticky Table Headers & Columns in a table. The plugin works perfectly. My question is how to let the second column fixed. I searched the documentation and tried to contact the author, but it still fails. I also tried adding…
Brightweb
  • 233
  • 1
  • 8
  • 25
1
vote
2 answers

Table body, head overlaps and width of the table is not expanding

I have created an application in angularjs using ngtable, since I need the table head to be fixed I tried using position:fixed; so that the head is fixed but the problem is that now the body and head overlaps also the width of the table is not…
Alex Man
  • 4,746
  • 17
  • 93
  • 178
1
vote
1 answer

Fixed table header changes position/does not align in chrome

Here is the scenario. I've a table which populates data on scroll. It contains large number of rows. And on each scroll width of th changes dynamically. The table is built with knockoutjs. Please find below the structure of th.
Valay
  • 1,991
  • 2
  • 43
  • 98
1
vote
2 answers

Set the width of a th element depending on other td width

I have an html table designed using twitter bootstrap and I fixed the table's header row to fixed using Fixed TableRC plugin as given in this fiddle. The header's th width is set as $(document).ready(function() { var modal = []; var ColNums =…
mpsbhat
  • 2,733
  • 12
  • 49
  • 105
1
vote
2 answers

HTML table with fixed header/columns - css solution - not working in Firefox

I'm working on a project where the client wants sticky headers/columns on his table. But I can't use a real script for this cause this project have already to many objects in page and I'm losing speed and stuffs like that. What I succeed so far is…
HellBaby
  • 550
  • 1
  • 6
  • 24
1
vote
0 answers

Freezing / Fixed table header does no longer comply with IE10

I need your help, What used to work in IE7 was the below to freeze the top row (header) of an HTML table: #data tr th { top: expression(this.offsetParent.scrollTop); position: relative; } It seems that this is no longer the case…
user1451890
  • 1,055
  • 2
  • 13
  • 19
1
vote
1 answer

Fixed header in table layout android

I need a header to my table layout that doesn't scrolls. I retrieve values from data base so I cant guess the width of the row or column. Each column width will differ. As the data width changes the heading width should also change dynamically and…
Yashwanth
  • 880
  • 3
  • 13
  • 21
1
vote
0 answers

Fix header of table without thead with scroll bar

I have the following structure:
1
I want to fix the header. I got number of links but…
Md. Parvez Alam
  • 4,326
  • 5
  • 48
  • 108
1
vote
2 answers

VB .net Fixed Header and X-Y scrollable ListView with JQUERY/JavaScript-Updated

I have a huge ListView, like 30 Columns by alot of rows within a DIV in the midddle of the page I need to have a fixed header and I have to be able to scroll on the x-axis in order to see all my columns. The header should of course remain fixed at…
Lethal420
  • 73
  • 1
  • 12