Fix the first column (on the left) and the header of the table (on top)

Question

Fix the first column (on the left) and the header of the table (on top)

q2apro opened this issue 5 years ago · 3 comments

I could not find any information in the docs how we can fix the first column (on the left). Next to fixing the header of the table (on top).

This would be practical for huge tables, like user lists, to still be able to see what data belongs to what user.

JSFiddle: https://jsfiddle.net/kai_noack/ynokx952/6/

Answer 1 · 2020-05-01T13:43:06.000Z

its not in the docs, but i do mention it in the readme. 2nd bullet point here:

https://github.com/mkoryak/floatThead#things-this-plugin-does-not-do

Answer 2 · 2021-01-10T09:36:01.000Z

Not a clean workaround but it works to keep the first row visible:

	table td:nth-child(1) {
		position:sticky;
		left:20px;
	}

Answer 3 · 2021-01-10T15:37:29.000Z

I wouldn't want to see something like that in production

…

On Sun, Jan 10, 2021, 4:36 AM q2apro ***@***.***> wrote: Not a clean workaround but it works to keep the first row visible: table td:nth-child(1) { position:sticky; left:20px; } — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#456 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAC5WSJ3IEHS4UZDTZJHMNDSZFYIZANCNFSM4MW4ONHA> .