Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Component: Table — misaligned table-like footer #16614

Closed
mateuszchmielewski opened this issue Oct 23, 2024 · 1 comment
Closed

Component: Table — misaligned table-like footer #16614

mateuszchmielewski opened this issue Oct 23, 2024 · 1 comment
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@mateuszchmielewski
Copy link

mateuszchmielewski commented Oct 23, 2024

Describe the bug

When using footer template on table component as a last row, the columns are misaligned. It looks like the footer is not part of the main table. Possibly because it's wrapped with the following div element:

<div class="p-datatable-footer">
     <tr>...</tr>
</div>

It's observable in the official example:
obraz
Source: https://v18.primeng.org/table#horizontal-scroll

Environment

OS
OS Name: Microsoft Windows 10 Pro
OS Version: 10.0.19045 N/A Build 19045

Reproducer

No response

Angular version

18.2.8

PrimeNG version

18.0.0-beta.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.9.0

Browser(s)

Chrome, Firefox

Steps to reproduce the behavior

No response

Expected behavior

Footer columns should be aligned with the main table columns.

@mateuszchmielewski mateuszchmielewski added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 23, 2024
@cetincakiroglu cetincakiroglu added this to the 18.0.0-rc.1 milestone Oct 26, 2024
@mertsincan mertsincan removed this from PrimeNG Nov 20, 2024
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible Status: Pending Review Issue or pull request is being reviewed by Core Team labels Nov 21, 2024
@cetincakiroglu
Copy link
Contributor

fixed in 26d492b

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Done
Development

No branches or pull requests

4 participants