how to prevent text of table new line in DataTable(metronic/ vue)
how to prevent text of table new line in DataTable(metronic/ vue)
Replies (8)
Hi Anthony Chan,
Thank you for reaching out to us.
Could you please provide us with more info on what you are trying to achieve?
Texts in the table in your video seem to be in one row.
Also please specify your Metronic version.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
new video:
https://youtu.be/o_q-HKxHQNw
I only use vue router to push to the previous page,
I have tried menucomponent.initialization
Hi,
Thank you for your video.
Could you please point us to the issue?
In this video, everything still seems to be working fine.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
before router push
https://imgur.com/a/ICzF3Me
after router push
https://imgur.com/di2Co5S
Can you see my problem
Hi Anthony Chan,
Sorry for the late reply.
We see your issue now, unfortunately, we could not reproduce it in the latest Metronic version.
Do you have the same issue on our preview page?
https://preview.keenthemes.com/metronic8/vue/demo1/#/dashboard
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I think that the issue is caused by Language (Chinese Traditional), Can you give me an external stylesheet to solve it?
Hi Anthony Chan,
You can try to inspect your cell element and check what causes this issue, firstly inspect first view and check styles then after the cell is broken inspect it again and check which styles cause the issue.
Also, in your table header configuration you can set cell min width using property columnWidth
.
{
columnName: "columnName",
columnLabel: "columnLabel",
sortEnabled: true,
columnWidth: 230,
},
Regards,
Lauris Stepanovs,
Keenthemes Support Team