Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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>

</a>


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


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



before router push
https://imgur.com/a/ICzF3Me

after router push
https://imgur.com/di2Co5S



new video:



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



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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(