appsmith icon indicating copy to clipboard operation
appsmith copied to clipboard

[Bug]: Table widget breaks UI height when Infinite Scroll is enabled and columns render HTML

Open SangVoM opened this issue 5 months ago β€’ 1 comments

Is there an existing issue for this?

  • [x] I have searched the existing issues

Description

πŸ“ Description:

When using the Table widget with Infinite Scroll enabled, if one or more columns contain HTML-rendered content (e.g., using tags or computed values returning HTML strings), the table’s height dynamically expands beyond its container.

This behavior breaks the layout by pushing other widgets down the page, instead of keeping the table height fixed or scrollable.

⚠️ Expected behavior:

The Table should maintain a fixed or bounded height (respecting the set height or parent layout),

HTML rendering inside cells should not affect row height computation or cause layout expansion,

Infinite scroll should still function smoothly without affecting the parent layout.

πŸ’₯ Actual behavior:

When HTML is rendered in any column cell, the row height auto-expands dynamically,

This causes the table widget height to grow infinitely, breaking the overall UI (especially with Infinite Scroll enabled).

🧰 Environment:

Appsmith version: v1.9.x or later

Deployment type: Cloud / Self-hosted (both affected)

Browser: Chrome (latest)

OS: macOS / Windows (reproducible on all)

πŸ“Έ Additional context (optional):

If you want, attach a short GIF or screenshot showing:

Table height before enabling HTML render

Table height expanding after enabling Infinite Scroll + HTML columns

πŸ’‘ Suggestion:

Add a property in Table widget to:

Lock row height even when HTML rendering is active,

Or clip HTML content instead of reflowing, maintaining layout stability.

Steps To Reproduce

Add a Table widget

Enable Infinite Scroll

Create many Custom Column with a computed value returning HTML, for example:

{{ <b>${currentRow["balance_cvnd_fmt"].split('β‰ˆ')[0]}</b> β‰ˆ ${currentRow["balance_cvnd_fmt"].split('β‰ˆ')[1]} }}

Run the app β†’ Observe that each row height increases inconsistently and the table container height expands indefinitely.

Image

Public Sample App

No response

Environment

Production

Severity

Low (Cosmetic UI issues)

Issue video log

No response

Version

Cloud - latest

SangVoM avatar Oct 28 '25 08:10 SangVoM

APP-14478

linear[bot] avatar Oct 28 '25 08:10 linear[bot]