title: Vuetables2 How to add dynamic style to specific data in vue-client-table
body: <p>I am working on vue js and vue client table. I have created a vue-client-table and populated some dummy data as static.</p>
  
  <p>Now there is a column name STATUS which will have two value i.e Active or Inactive.</p>
  
  <p>I want to change the font color of 'Inactive' to red.
  (Which denotes that link is down) </p>
  
  <p>I need help to understand it.</p>
  
  <p>Below I have attached my code:</p>
  
  <pre><code>Headings : [ 'APPLICATION NAME', 'URL','LAST ACCESSED','STATUS'],
  tableData: [
              {
               "APPLICATION NAME": "Pannier",
                      "URL": "http://boston.com/urna/ut/tellus/nulla/ut/erat/id.js?magna=blandit&amp;ac=ultrices&amp;consequat=enim&amp;metus=lorem",
                      "LAST ACCESSED": "5:07 PM",
                      "STATUS": 'Inactive'
                      },{
                      "APPLICATION NAME": "Kanlam",
                      "URL": "http://archive.org/rutrum/nulla/nunc/purus.jpg?ac=ametttis&amp;sit=nibh&amp;amet=ligula",
                      "LAST ACCESSED": "7:02 AM",
                      "STATUS": 'active'
                      }
  </code></pre>
  
  <p>Below I have attached my image:</p>
  
  <p><a href="https://i.stack.imgur.com/bmzC3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bmzC3.png" alt="Output of my vue table"></a></p>