A Pen by Vinil Kumar Kadimi

Thumbnail
This awesome code was written by vinil_kadimi, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright vinil_kadimi ©
  • HTML
  • CSS
  • JavaScript
    <div id="app">
  {{msg}}
  <div class="container">
  <h2>Striped Rows</h2>
  <p>The .table-striped class adds zebra-stripes to a table:</p>            
  <table class="table table-striped">
    <thead>
      <tr>
        <th v-for=" header in headers" class="text-capitalize">{{header}}</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
     
    </tbody>
  </table>
</div>

</div>

/*Downloaded from https://www.codeseek.co/vinil_kadimi/a-pen-by-vinil-kumar-kadimi-wjQNGJ */
    


/*Downloaded from https://www.codeseek.co/vinil_kadimi/a-pen-by-vinil-kumar-kadimi-wjQNGJ */
    new Vue({
  el: '#app',
  data: {
    msg: '# hello',
    headers: ['header1','header2','header3','header4']
  },
  computed: {
    
  },
  methods: {
    
  }
})

Comments