Options: Tables misaligned with character `

[belueg]

Bug report

When I set the option for tables as true, there are some cases where if appears the character ` tables get misaligned. Below I share some screenshots to make the issue understandable.

Description

The tables normally work nice! But if in the table appears the character ` as a value, the tables get misaligned.

Steps to reproduce

• You can use the README of this repo to reproduce it https://github.com/cycloid-community-catalog/infra-amazon-elk/tree/master

• The Terraform table has the values subnet_ids and vpc_id that have the values `` as default. So when you use vue-showdown to parse this README the problem appears

• Reproduction link / repo:

The repo is private, but I can share with you this piece of code that we use to parse the markdown :)

   <vue-showdown
              v-if="!_.isEmpty(readme)"
              flavor="github"
              :options="{ tables: true }"
              class="markdown__file"
              :markdown="$sanitizeHtml(readme)"/>

Expected behavior

The ideal behavior would be that the tables don't get misaligned

Screenshots

Screenshot from GitHub README

Screenshot when markdown is parsed

Environment info

• vue-showdown version: 2.4.1
• showdown version: -
• vue version: 2.6.14
• Browser: Chrome

[meteorlxy]

Sorry for delay. vue-showdown is simply a wrapper of showdown.js, and your problem just looks like an issue of showdown.js.

It's better to report it in their repo: https://github.com/showdownjs/showdown

[meteorlxy]

As a personal suggestion about your docs, you can consider using `''` instead of `` if the default value is an empty string.

[meteorlxy]

Closing as it's an issue of showdown.js