Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

how to prevent text of table new line in DataTable(metronic/ vue)


how to prevent text of table new line in DataTable(metronic/ vue)

<a>
https://www.youtube.com/watch?v=RCr2hWNGJ8w
</a>


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(