Stack Overflow
Stack Overflow

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
2
votes
1 answer

Tables with fixed header, the current state of the art

It's a recurring question since, like, forever: how to keep the headers fixed on top when scrolling down a table? Yes, I know that the web isn't designed to show long spreadsheet-like tables, but when a client asks for something like that (because…
MaxArt
  • 22,200
  • 10
  • 82
  • 81
2
votes
0 answers

Need to Scroll horizantal table with fix headers

I need to scroll a horizontal table with 2 fixed columns in the beginning. Here is a link to what I have so far, I know I am pretty close, I just can't get the wrapper to wrap the body of the table. http://jsfiddle.net/ajamali/TBnqw/1147/ Any…
aminjam
  • 646
  • 9
  • 25
1
vote
2 answers

Table CSS not working when using position

I am experimenting with a fixed header table (I have seen many plugins online but I want to do it myself using PURELY CSS) at http://dev.driz.co.uk/table.html However I have two issues: The headers doesn't stretch the width of the table anymore and…
Cameron
  • 27,963
  • 100
  • 281
  • 483
1
vote
1 answer

Fixed first table column with rowspan

I'm using a simple table template to be able to fix the first column. Working fine in many use cases but not in case the 'rowspan' is used. HTML: …
Lodhart
  • 205
  • 1
  • 6
  • 14
1
vote
1 answer

IE9 + css : problem with fixed header table

So, I think this is a CSS issue more than anything, but basically, the HTML I've provided contains a fixed header table in a reactive layout. Code: http://jsfiddle.net/JpRQh/10/ There are 3 rows of data, but in IE9, it seems like table rows are…
NullVoxPopuli
  • 61,906
  • 73
  • 206
  • 352
1
vote
2 answers

Is there a way to create an Angular dynamic material table on columns and not on rows, with a more complex object dataSource?

I want to build a table where every column is a response from an API call and contains some elements. I tried different approaches with material table but nothing seems to work. The problem comes from the fact that I try to build it on columns and…
Catleen
  • 81
  • 1
  • 5
1
vote
0 answers

A simple solution to fixed Bar and max-width?

I was having some problems with a fixed bar and max-width. I came up with the solution using JS (even though sometimes on loads, the fixed Bar kind of that 'flickers') but I want a more simple solution, just with CSS. Can you guys help me with that…
mbf
  • 11
  • 2
1
vote
2 answers

Table with fixed header on scrolling does not work if it smaller

I've been trying to edit this table(s) for a few days. The plan is that the header is always at the top when scrolling. Because everything is configured code, I can not work with typical HTML / CSS. After a long time I have found this (almost)…
Daniel D
  • 35
  • 4
1
vote
1 answer

Fixed header table - table resize

I'm creating a table using this jQuery plugin FixedHeaderTable. As far as I found out from other users' questions, the table width follows the width of its container but cannot automatically resized (I already tried it). I want my table to be 1302px…
Dolorosa
  • 573
  • 3
  • 10
  • 29
1
vote
1 answer

How to fix the table header?

I want the table header fixed so only the table body will scroll. How can I achieve that? * { padding: 0px; margin: 0px; } body { padding: 0px; margin: 0px; } .responsive { max-width: 100%; height:…
v.p shankar
  • 11
  • 1
  • 1
1
vote
1 answer

Angular 7 Fixed Header Table Examples Not Working

I am running into a big problem with fixed header tables as it relates to my Angular application. Using this this example (which is also this one) as a basis for my question, I thought originally it was my component, but now, I have attached this…
user1100412
  • 699
  • 1
  • 10
  • 22
1
vote
0 answers

Table with fixed header and first column (HTML, CSS, JS if necessary)?

So I'm trying to create a table with a fixed first row (header) and first column, like how one would freeze panes in excel. I've tried looking at other users' posts and the corresponding answers to try and replicate the code for my table, but…
user3190746
  • 21
  • 1
  • 2
1
vote
1 answer

Fixing header with column filter dropdowns in jQuery datatables

I've got a datatable with a fixed header and column filter dropdowns which extend when hovered. But the dropdowns don't extend as they should. I've traced the problem to scrollY and scrollX in table initialisation. If I remove both scroll commands,…
Silverburch
  • 457
  • 2
  • 12
  • 28
1
vote
0 answers

Resizing a Scrollable Table with a Fixed Header in Angular 4

I wrote a resize service that works greats for all resize events. I'm able to resize divs and whatnot, but I'm struggling with my "fixed size" table. The only way I can get it to be a scrollable table is by hard-coding the height in the CSS. I'm…
BioPhysicist
  • 15
  • 7
1
vote
0 answers

How to fix the bootstrap-table header?

I've data inside a bootstrap table. As the rows increases, the header will be out of sight on vertical scroll. So I need to fix the header of the bootstrap table with table body vertical scrollable. Also,the horizontal scroll for the whole table…
Raviteja
  • 3,399
  • 23
  • 42
  • 69
1 2
3
…
9 10
0 1 2