title: Make the content of the column align left in vue datatable
body: <p>I have a datatable in my vue component.</p>
  <p>Following is my header array.</p>
  <pre><code>HeaderArray() {
              return [
                  {text: 'Document', value: 'document',classList: 'w-1/3'},
                  {text: 'Added by', value: 'added_user_name',classList: 'w-1/3'},
                  {text: 'Expiration', value: 'valid_date'},
                  {text: 'Validity', value: 'validity_status',classList: 'w-1/3', align:'start'},
                  {text: '', value: 'actions'},
              ];
          },
  </code></pre>
  <p>Cell content of the Validity column is centered, But I want them to be align left.</p>
  <p>Eventhough I tried<code>align:'start'</code> the content display center...</p>
  <p>How to make them align left?</p>
  <p>Column header is aligned to left though...</p>