in table component, naming a column "progress" lead to weird layout

[setop]

Introduction

In table component, naming a column "progress" lead to weird layout of the column.
Any other variation of the name and type does not produce that.

To Reproduce

select 'table' as component;
select 
  'foo' as name
  , 100*0.1 as progress;               ---    <- note the name of the column

Actual behavior

column values are displaced.

Screenshots

Expected behavior

column values are aligned with the rest of the line.

select 'table' as component;
select 
  'foo' as name
  , 100*0.1 as progres_;               ---    <- note the name of the column

Version information

• OS:linux
• Database : SQLite
• SQLPage Version : 0.33.0

Additional context

Add any other context about the problem here.

[lovasoa]

Indeed, that is an issue. We currently add the name of the column as a css class to the column, for easier custom styling, but this can conflict with existing classes. We should add a prefix to the class name added to the column, but that will break existing apps that rely on the current class names.

[setop]

exactly, the class "progress" has a property "height" that seems to be the cause:

I'll stay with a typo for the moment. "progres" is fine :)

[lovasoa]

I'll stay with a typo for the moment. "progres" is fine :)

You can do select progress as "progress " if you want no visible user impact.