CSS can no longer be used to style Markdown tables.

Avatar
Matyas Takacs
Created

Our company recently updated YouTrack to 2023.3 from 2021.4.36872 build.

Previously, we could style all markdown table by using some css. 

All we did back then, that we put every markdown table inside a span, ad it worked really well. 


In the new version, none of the CSS gets processed, like before.

Markdown for table:

 

CSS what we used before: 

 

<style> .wiki-tbl { width: 99% !important; } .wiki-tbl th{ display: none !important; }.wiki-tbl th{display: none !important; } .wiki-tbl td{height: 35px; } /* Aktualis */ .aktualis tr { border-bottom: hidden; } .aktualis tr > *:nth-child(1) { width:50%; text-align: center; word-break: break-word; background-color: #dc913c; } .aktualis tr > *:nth-child(2) { width:12.5%; text-align: right; word-break: break-word; border-right: hidden; background-color: #dc913c; } .aktualis tr > *:nth-child(3) { width:12.5%; text-align: left; word-break: break-word; background-color: #dc913c; } .aktualis tr > *:nth-child(4) { width:12.5%; text-align: right; word-break: break-word; border-right: hidden; background-color: #dc913c; } .aktualis tr > *:nth-child(5) { width:12.5%; text-align: left; word-break: break-word; background-color: #dc913c; }

Votes

0

Share

2 comments
Avatar
Sergey Merzlov
Created
Official comment

Hi!

I'm Sergey from the YouTrack team.

You are referencing Wiki markup syntax, which was deprecated in 2018. After that, YouTrack kept rendering wiki content for a couple of years until it was fully discontinued in 2022.2.
 
If you want to style a table, you can see an HTML markup to build it and style it using inline CSS. 

<table style="border-collapse: collapse; width: 100%;">
  <tr>
    <td style="border: 1px solid blue; padding: 20px;background:yellow">Cell 1</td>
    <td style="border: 1px solid blue; padding: 20px;background:red">Cell 2</td>
  </tr>
</table>

 

 
If you have any questions, please let me know.

Avatar
Matyas Takacs
Created

The only problem is that the old version supported visual editing, but on the new version (HTML table) is not editable via visual editor. Therefore this great function is not available anymore, correct?  

0

Please sign in to leave a comment.