office
Export table or text to various types of office files.
List of properties and components
| Class-1 | Class-2 | |
|---|---|---|
| v-office-excel | with | v-template-excel |
| v-office-word | with | v-template-word |
| v-office-pdf | with | v-template-pdf |
excel
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
<--add a office, background-color and component (optional) class to body tag-->
+ <body class="component background-color office">
<div class="v-template-excel">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur
elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
consequatur optio modi ratione laboriosam doloribus autem molestias numquam
fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis
atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
</div>
<button class="v-btn v-green v-office-excel">
</button>
v-excel version
word
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
<--add a office, background-color and component (optional) class to body tag-->
+ <body class="component background-color office">
<div class="v-template-word">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur
elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
consequatur optio modi ratione laboriosam doloribus autem molestias numquam
fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis
atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
</div>
<button class="v-btn v-primary v-office-word">
</button>
v-word version
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
<--add a office, background-color and component (optional) class to body tag-->
+ <body class="component background-color office">
<div class="v-template-pdf">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur
elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
consequatur optio modi ratione laboriosam doloribus autem molestias numquam
fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis
atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!
</div>
<button class="v-btn v-danger v-office-pdf">
</button>
v-office version