Skip to main content

Load the dynamic datatable in vuejs

Try in Editor:

https://codepen.io/jemirisselvi/pen/yLBXoxK?editors=1010

Vue:

<div id="app">
  <v-app id="inspire">
    <div>
        <v-data-table
          :headers="headers"
          :items="items"
          :loading="isLoading"
          class="elevation-1"
        >
        <template slot="items" slot-scope"myprops">
          <td v-for="header in headers">
            {{ myprops.item[header.value] }}
          </td>
         </template>
      </v-data-table>
    </div>
  </v-app>
</div>

Comments

Popular posts from this blog

vagrant up not working windows 10 | Stderr: VBoxManage.exe: error: Failed to get device handle and/or partition

 vagrant up not working windows 10 If you get an error message during  vagrant up  or when starting a VirtualBox machine, telling you that VT-x is not available, a reason may be that you have enabled Hyper-V on your Windows 10 machine: VirtualBox and Hyper-V cannot share the VT-x CPU: $ vagrant up Bringing machine 'default' up with 'virtualbox' provider... ==> default: Checking if box 'thesteve0/openshift-origin' is up to date... ==> default: Clearing any previously set network interfaces... ==> default: Preparing network interfaces based on configuration... default: Adapter 1: nat default: Adapter 2: hostonly ==> default: Forwarding ports... default: 8443 (guest) => 8443 (host) (adapter 1) default: 22 (guest) => 2222 (host) (adapter 1) ==> default: Running 'pre-boot' VM customizations... ==> default: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command an...

Add footer page number in Microsoft (Word) using PHP

Here is an example of adding a footer page number in a word document( .docx, .doc ) using PHP in ProcessMaker tool.  Sometimes we would like to add the footer connect via styles or tag attributes to enable the footer on pages.  View:          Below screen the output screen to display the custom footer with few lines of code Example: <table border="0" cellpadding="0" cellspacing="0" id="test" style="width: 100%;"> <tbody> <tr> <td> <!--footer starts--> <div id="f1" style="position: fixed; bottom: 5mm; left: 0mm; width: 100%; mso-element: footer;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td class="footer"> ...

HTML to Office Word header and footer generation

Here is an HTML to Office Word header and footer generation code Below: fwrite($oFile, <html xmlns="http://www.w3.org/TR/REC-html40" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title> </title> <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Print</w:View> <w:Zoom>100</w:Zoom> </w:WordDocument> </xml><![endif]--> <style> <!-- /* Style Definitions */ p.MsoHeader, li.MsoHeader, div.MsoHeader{ margin:0in; margin-top:.0001pt; mso-pagination:widow-orphan; tab-stops:center 3.0in right 6.0in; } p.MsoFooter, li.MsoFooter, div.MsoFooter{ margin:0in 0in 1in 0in; margin-bottom:.0001pt; mso-pagination:widow-orpha...