Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Showdown Tables Extension #32

Open
3goats opened this issue Mar 27, 2015 · 7 comments
Open

Showdown Tables Extension #32

3goats opened this issue Mar 27, 2015 · 7 comments

Comments

@3goats
Copy link

3goats commented Mar 27, 2015

One other question. Is it possible to use the tables extensions ?

Thanks

@3goats
Copy link
Author

3goats commented Mar 27, 2015

Sorry just saw the docs.

@3goats 3goats closed this as completed Mar 27, 2015
@3goats 3goats reopened this Mar 27, 2015
@3goats
Copy link
Author

3goats commented Mar 27, 2015

OK just tried the table extension it doesn't render the table however the Github extension work fine.

@btford
Copy link
Owner

btford commented Mar 27, 2015

Can you please provide a reproduction via jsbin, plnkr.co, or jsfiddle?

This saves me a lot of time. Thanks!

@3goats
Copy link
Author

3goats commented Mar 27, 2015

Sure will do it later.

Sent from my iPhone

On 27 Mar 2015, at 21:15, Brian Ford notifications@github.com wrote:

Can you please provide a reproduction via jsbin, plnkr.co, or jsfiddle?

This saves me a lot of time. Thanks!


Reply to this email directly or view it on GitHub.

@fresnault
Copy link

You need to add your extension dependency :

<script src='/bower_components/showdown/src/extensions/table.js'></script>

And configure your angular app file :

.config(['markdownConverterProvider', function (markdownConverterProvider) {
   markdownConverterProvider.config({
      extensions: ['table']
   });
}])

Your md table will be parse in html table

| Col A     | Col B     |
|---------  |---------  |
| Cell A1   | Cell B1   |
| Cell A2   | Cell B2   |
<table>
   <thead>
      <tr>
         <th id="col_a" style="text-align: left;"> Col A       </th>
         <th id="col_b" style="text-align: left;"> Col B     </th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td style="text-align: left;"><p>Cell A1     </p></td>
         <td style="text-align: left;"><p>Cell B1   </p></td>
      </tr>
      <tr>
         <td style="text-align: left;"><p>Cell A2     </p></td>
         <td style="text-align: left;"><p>Cell B2   </p></td>
      </tr>
   </tbody>
</table>

@jmuharsky
Copy link

I'm having an issue getting the tables extension to work. I've followed the noted instructions for including the tables.min.js script, as well as registering the extension, and I'm not seeing any change in behavior.

For reference, you can see the repro at:
https://26-dot-perfkit-explorer.appspot.com/explore?dashboard=5750085036015616

And the commit that, based on my understanding of this thread, should have enabled the tables:
GoogleCloudPlatform/PerfKitExplorer@fc23715

@cortezcristian
Copy link

For some reason it doesn't recognize the ":" alignment indicators, for me

this works:

| Col A     | Col B     |
|---------  |---------  |
| Cell A1   | Cell B1   |
| Cell A2   | Cell B2   |

And this doesn't:

| Col A     | Col B     |
|:---------  |:---------  |
| Cell A1   | Cell B1   |
| Cell A2   | Cell B2   |

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants