remark headers

content/docs/help-support/account-and-settings/warming-up-an-ip-address.md

@@ -73,6 +73,7 @@ When automatically warming up an IP, SendGrid limits the amount of email sent th
 Automated IP warmup hourly send schedule
 {% endanchor %}
 
+
 <table class="table table-striped table-bordered">
  <tr>
    <td>

gatsby-config.js

@@ -43,6 +43,7 @@ module.exports = {
           'gatsby-remark-copy-linked-files',
           // 'gatsby-remark-autolink-headers',
           'sendgrid-remark-headers',
+          'sendgrid-remark-tables',
         ],
       },
     },

plugins/sendgrid-remark-tables/index.js

@@ -0,0 +1,31 @@
+const visit = require('unist-util-visit');
+const cheerio = require('cheerio');
+
+module.exports = ({ markdownAST }) => {
+  visit(markdownAST, 'html', (node) => {
+    const $ = cheerio.load(node.value);
+    const table = $('table');
+
+    if (table.length) {
+      const rawHTML = `
+        <div class="table-wrap">
+          ${table}
+        </div>
+        `;
+
+      node.data = {
+        hChildren: [{ type: 'raw', value: rawHTML }],
+        // Set type to unknown so mdast-util-to-hast will treat this node as a
+        // div not an iframe — it gets quite confused otherwise.
+      }; node.type = 'unknown';
+
+      // Also apparently, for html node types, you have to delete the value
+      // in order for mdast-util-to-hast to use hChildren. If even if
+      // you change the node type to unknown...
+      delete node.value;
+    }
+  });
+
+  return markdownAST;
+};
+

plugins/sendgrid-remark-tables/package.json

@@ -0,0 +1 @@
+{}