Outsource table columns with complex logic
Hi, thanks for the great new Nuxt UI 3.1 verison.
If I import columns (with complex logic like sorting in the header) from a composable and pass it then from this intermediate file to the UTable: Then table header stays blank. Looks like something went wrong.
But if I directly pass it to the UTable in the same file everything works fine. Looks like serving/exporting the columns from a file causes a problem.
2 Replies
Hi @pablos_dos. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources do not explicitly address the issue of outsourcing table columns with complex logic (such as custom header render functions for sorting) to a separate composable or file in Nuxt UI, nor do they mention any known problems or solutions related to blank headers when columns are imported rather than defined inline.
The documentation and examples consistently show columns being defined directly within the
<script setup> of the component that renders the <UTable>, especially when using render functions or complex logic in the column definitions. There is no mention of best practices or caveats for exporting/importing columns with render functions or component references from other files or composables.
If you are experiencing blank headers when importing columns, it may be due to how render functions or component references (like those using h or resolveComponent) are handled when exported/imported, but the documentation does not provide guidance or troubleshooting steps for this scenario.
In summary, the knowledge sources do not contain enough information to answer your question about outsourcing columns with complex logic and the resulting blank headers. You may want to raise this as an issue or question in the Nuxt UI community or GitHub repository for more targeted support.
Nuxt UI Table documentation
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@325192695880351744> Kapa.ai is still learning and improving, please let me know how I did by reacting below.