Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Table › Column menu problem
Tagged: table column menu
- This topic has 1 reply, 2 voices, and was last updated 19 hours, 49 minutes ago by
admin.
-
AuthorPosts
-
January 28, 2026 at 9:39 pm #113353
Damir Ugrin
ParticipantHi,
I have table with column-menu enabled.
Here is table definition:<smart-table
id=”accounts-table”
column-reorder=”true”
column-resize=”true”
sort-mode=”many”
column-menu=”true”
selection-mode=”one”
locale=”en”
theme=”bootstrap”
virtualization=”true”>
</smart-table>I have also translated related strings into my locale.
When column menu icon shows up and I try to click it, column changes its sort direction but menu is not shown.
If I delete columns states (I am saving it to database) then column menu works again. Until next case.
Reset item in column menu doesn’t make any changes in columns visibility, width, sort order, …Here is content of columns state after on some columns (not all) column menu has stoped working:
{“columns”:[{“label”:”Naziv”,”dataField”:”caption”,”dataType”:”string”,”visible”:true,”allowResize”:true,”_isResponsive”:true,”_isFillRemainingWidth”:true,”headerCellElement”:{“sortIconContainerElement”:{}},”columnMenu”:{“owner”:{“sortIconContainerElement”:{}},”dataField”:”caption”}},{“label”:”IBAN”,”dataField”:”iban”,”dataType”:”string”,”width”:200,”visible”:true,”allowResize”:true,”headerCellElement”:{“sortIconContainerElement”:{}},”columnMenu”:{“owner”:{“sortIconContainerElement”:{}},”dataField”:”iban”}},{“label”:”Valuta”,”dataField”:”currency”,”dataType”:”string”,”allowSort”:false,”visible”:true,”allowResize”:true,”headerCellElement”:{},”columnMenu”:{“owner”:{},”dataField”:”currency”},”_manualWidth”:177,”_manualPercentageWidth”:23.983739837398375,”_isResponsive”:false},{“label”:”Vrsta”,”dataField”:”acctype”,”dataType”:”integer”,”width”:140,”visible”:true,”allowResize”:true,”headerCellElement”:{“sortIconContainerElement”:{}},”columnMenu”:{“owner”:{},”dataField”:”acctype”}},{“label”:”<div style=\”text-align: center; width: 100%;\”>Status</div>”,”dataField”:”status”,”dataType”:”integer”,”width”:120,”visible”:true,”allowResize”:true,”headerCellElement”:{},”columnMenu”:{“owner”:{},”dataField”:”status”}},{“label”:”Datum kreiranja”,”dataField”:”createdate”,”dataType”:”string”,”width”:150,”visible”:false,”allowResize”:true,”headerCellElement”:{}},{“label”:”Datum izmjene”,”dataField”:”modifydate”,”dataType”:”string”,”width”:150,”visible”:false,”allowResize”:true,”headerCellElement”:{}},{“label”:””,”dataField”:””,”dataType”:”string”,”visible”:true,”allowResize”:true,”headerCellElement”:{}}]}
Any suggestions?
-
This topic was modified 2 days, 8 hours ago by
Damir Ugrin.
January 30, 2026 at 10:49 am #113360admin
KeymasterHi,
I tried to reproduce this in our https://www.htmlelements.com/demos/table/column-menu/, but could not. Could you share a sample we can test with or exact steps?
Best regards,
MarkovSmart UI Team
https://www.htmlelements.com/ -
This topic was modified 2 days, 8 hours ago by
-
AuthorPosts
- You must be logged in to reply to this topic.