title: Table not using Tailwind CSS
body: <p>I am successfully using Tailwind so I'm not having a problem with importing it. I'm using a grid for example. However, I am unable to create a table that is in their examples. The table is not getting any of the colors. No styling is added to the table, what am I missing?</p>
  <p>tailwind.config.js:</p>
  <pre><code>module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
      extend: {},
  
  },
  variants: {
      extend: {
          tableLayout: ['hover', 'focus'],
      },
      container: {
          center: true,
      },
  },
  plugins: [],}
  </code></pre>
  <p>Table that isn't rendering as expected:</p>
  <pre><code>    selectedView(){
      return (
          &lt;table className=&quot;table-auto&quot;&gt;
              &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Title&lt;/th&gt;
                  &lt;th&gt;Author&lt;/th&gt;
                  &lt;th&gt;Views&lt;/th&gt;
              &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Intro to CSS&lt;/td&gt;
                  &lt;td&gt;Adam&lt;/td&gt;
                  &lt;td&gt;858&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr className=&quot;bg-emerald-200&quot;&gt;
                  &lt;td&gt;A Long and Winding Tour of the History of UI Frameworks and Tools and the Impact on Design
                  &lt;/td&gt;
                  &lt;td&gt;Adam&lt;/td&gt;
                  &lt;td&gt;112&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Intro to JavaScript&lt;/td&gt;
                  &lt;td&gt;Chris&lt;/td&gt;
                  &lt;td&gt;1,280&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
  );
  </code></pre>
  <p>}</p>