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

Table 'sizes' Not Working #17180

Open
saiful-70 opened this issue Dec 23, 2024 · 5 comments
Open

Table 'sizes' Not Working #17180

saiful-70 opened this issue Dec 23, 2024 · 5 comments
Assignees
Labels
Component: Documentation Issue or pull request is related to Documentation Resolution: Cannot Replicate Issue could not be replicated by Core Team
Milestone

Comments

@saiful-70
Copy link

saiful-70 commented Dec 23, 2024

There is css classes 'p-datatable-sm' and 'p-datatable-lg' but these classes not working for table

Small

image

Medium

image

Large

image

Reproducer

https://stackblitz.com/edit/num7uo3f?file=src%2Fapp%2Ftable-size-demo.ts,src%2Fapp%2Fimports.ts,package.json

Environment

Linux mint 22

Angular version

18.2.1

PrimeNG version

v18 (LTS Only)

Node version

v20.18.0

Browser(s)

chrome, firefox

Steps to reproduce the behavior

  1. Go to the stackblitz example
  2. Click to the tabs to see the behavior

Expected behavior

Expected behavior is I can set the table size manually which can be small, normal and large

@saiful-70 saiful-70 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 23, 2024
@mertsincan mertsincan added Component: Documentation Issue or pull request is related to Documentation and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 23, 2024
@mertsincan mertsincan added this to the 19.0.2 milestone Dec 23, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeNG Dec 23, 2024
@nchaigne
Copy link

I confirm... tried to upgrade from primeng 17, this no longer works.

@bogdans362514
Copy link

it doesn't work for me in Primeng 18 either

@mehmetcetin01140 mehmetcetin01140 added the Resolution: Cannot Replicate Issue could not be replicated by Core Team label Dec 25, 2024
@mehmetcetin01140 mehmetcetin01140 removed the status in PrimeNG Dec 25, 2024
Copy link

We're unable to replicate your issue. Could you please try it with the latest PrimeNG version? If the problem continues, could you create a reproducer using PrimeNG Issue Template or provide additional details by editing this issue? This issue will be closed if no activities in 20 days.

@mehmetcetin01140 mehmetcetin01140 removed this from the 19.0.2 milestone Dec 25, 2024
@imaksp
Copy link

imaksp commented Dec 25, 2024

Hi, you need to set table's size prop ('small' | 'large') instead of styleClass, given reproducer uses styleClass instead of size.

@mertsincan mertsincan added this to the 19.0.2 milestone Dec 25, 2024
@mertsincan mertsincan moved this to Review in PrimeNG Dec 25, 2024
@cetincakiroglu cetincakiroglu modified the milestones: 19.0.2, 19.0.4 Dec 26, 2024
@nchaigne
Copy link

Hi, you need to set table's size prop ('small' | 'large') instead of styleClass, given reproducer uses styleClass instead of size.

I confirm thatit works with "size" (primeng 19).
I see that you've updated the documentation to reflect these changes:
https://primeng.org/table#size

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Documentation Issue or pull request is related to Documentation Resolution: Cannot Replicate Issue could not be replicated by Core Team
Projects
Status: Review
Development

No branches or pull requests

7 participants