Clay: Table Header fixed

Created on 17 Oct 2018  路  8Comments  路  Source: liferay/clay

Hey guys,

In the Analytics Cloud project, we have a component that uses a table with the clay's markup, however we had to customize this table because we had a need to fix the header as shown the gif below:

table-header-fixed

Is it possible to create a markup in clay to fix the header?

cc: @fcodias, @oliveiraaraujo

clay-css feature request

All 8 comments

Hey @interaminense,

No there is currently no markup/component in Clay for a fixed table header. I know the Lexicon team wanted to implement tables with drag and drop, fixed column, and header but that is somewhere in the backlog.

We can probably add it as long as it's ok with the Lexicon team. In the mean time, if you have ideas on how to implement it feel free to send a pull or share any ideas you might have.

Hey @pat270, thanks for your answer.

I can send a PR with the adjustment I made to the Analytics table for you. I just need to organize this before.

Recently I've been reviewing a sticky-table-column-issue and I think we should consider also this possibility

I created a first solution using the sticky CSS property but it's not 100% compatible with other browser

/cc @marcoscv-work @drakonux

Yeah, I was going to say we should work both on header and first-column stickies since it's an already approved pattern. We have it implemented in liferay-portal already in the old searchContainer, so we need to make sure our new tables retain that behaviour.

Well we don't have a definition for the new table in Clay. But at least we have the solution we gave in https://issues.liferay.com/browse/PTR-956 as the valid one.

This looks like a valid feature, are we going to proceed with this? @jbalsas @drakonux

Hey @kresimir-coko, friendly reminder that @drakonux is on paternity leave... ping @victorvalle instead

Hi @kresimir-coko,
This was included in the table specification a long time ago. Section 11 "Sticky header"

Was this page helpful?
0 / 5 - 0 ratings

Related issues

julien picture julien  路  3Comments

joseigor picture joseigor  路  5Comments

brunofarache picture brunofarache  路  5Comments

hold-shift picture hold-shift  路  3Comments

pat270 picture pat270  路  4Comments