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

Dynamic columns not showing in Datatable with vue 3.1.1 #1323

Closed
nclemeur opened this issue Jun 8, 2021 · 5 comments
Closed

Dynamic columns not showing in Datatable with vue 3.1.1 #1323

nclemeur opened this issue Jun 8, 2021 · 5 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@nclemeur
Copy link

nclemeur commented Jun 8, 2021

[X ] bug report
CodeSandbox Case (Bug Reports)

https://codesandbox.io/s/fancy-leftpad-2txyl

Current behavior
The datable is created without any columns. The base structure of the table is created (table, thead, tbody and tr), but no column is shown.

Expected behavior
Would expect to see all columns

Minimal reproduction of the problem with instructions
Please see sandbox below (please note the package.json has been modified to update to vue.3.1.1

https://codesandbox.io/s/fancy-leftpad-2txyl

  • Vue version: 3.11

  • PrimeVue version: 3.5.0

  • Browser: all

image

@slumtrimpet
Copy link

  • Vue version: 3.11

The subject of the issues is correct, but that typo is unfortunately confusing.
This issue exists in Vue 3.1.1 but reverting to 3.0.11 resolves for now.

@samcyn
Copy link

samcyn commented Jun 9, 2021

I don't see reason closing this issue where they are both reported. It should be open cause I have same issue as well.

@jatinthapar1910
Copy link

Same issue with me with 3.1

@samcyn
Copy link

samcyn commented Jun 10, 2021

As things stand, I've everything working with primevue version 3.3.5 and vue version 3.0.11. if you're in a hurry due to timeline or whatever reasons I suggest you try that out. But this is an issue that should be address any time sooner. I myself have a lot doing these days but will try to see what can be done to fix this issue in a future date. Hopefully someone else fix this before then anyway. Ciao.

@mitow7821
Copy link

mitow7821 commented Jun 10, 2021

I've found that dynamicChildren is always null and if you replace 'dynamicChildren' with true value in DataTable.vue, table is rendering correctly .

image

After logging child element to the console, dynamicChildren value is always unset and gives null, where it should be set to true while creating columns with v-for.

@cagataycivici cagataycivici self-assigned this Jun 11, 2021
@cagataycivici cagataycivici added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Jun 11, 2021
@cagataycivici cagataycivici added this to the 3.5.1 milestone Jun 11, 2021
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
None yet
Development

No branches or pull requests

6 participants