Skip to content

DataTable: responsivePriority conflict with RowExpansion on small screens #13869

@NarutoTI

Description

@NarutoTI

Describe the bug

related to #7426 . Just reporting cause maybe 4 years later IT may be solved.

Visual bug when using the responsivePriority attribute in a <p:dataTable> in combination with RowExpansion, when the screen is small or resized (columns are hidden).

  1. Create a <p:dataTable> with 5 or more columns.

  2. Set responsivePriority="1" on two columns and responsivePriority="2" on the others.

  3. Enable rowExpansion using <p:rowExpansion> and <p:rowToggler>.

  4. Reduce the screen width until the columns with responsivePriority="2" are hidden (as expected).

  5. Click to expand a row using the row toggler.

The hidden columns (those with responsivePriority="2") unexpectedly reappear, but they are shown empty.

Reproducer

primefaces-test.zip

Image
Image

Expected behavior

Only the visible columns should remain, and the expanded row content should display normally without affecting the responsive layout

PrimeFaces edition

Community

PrimeFaces version

15.0.4

Theme

all

JSF implementation

Mojarra

JSF version

2.3

Java version

17

Browser(s)

all

Metadata

Metadata

Assignees

Labels

🐞 defectBug...Something isn't working

Type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions