example-with-vue - Jspreadsheet with Vue sample project

  •        7

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

https://bossanova.uk/jspreadsheet/v4
https://github.com/jspreadsheet/example-with-vue

Dependencies:

jexcel : ^3.2.5
vue : ^2.5.2
vue-router : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

ce - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software

  •    Javascript

Jspreadsheet CE is a lightweight Vanilla JavaScript plugin to create amazing web-based interactive HTML tables and spreadsheets compatible with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. It is very easy to integrate any third party JavaScript plugins to create your own custom columns, custom editors, and customize any feature into your application. Jspreadsheet CE has plenty of different input options through its native column types to cover the most common web-based application requirements. It is a complete solution for web data management. Create amazing applications with Jspreadsheet CE JavaScript spreadsheet. React Implementation A full example on how to integrate Jspreadsheet CE with React.

vue-2.0-simple-routing-example - A simple example of routing with Vue 2.0 without using vue-router.

  •    Vue

A simple example of routing with Vue 2.0 without using vue-router. This branch uses the raw HTML5 History API. For an example integrating a 3rd-party routing solution, see the pagejs branch. For a detailed explanation of the build process, read the docs for vue-loader.

vue-instant - (UNMAINTAINED) vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications

  •    Vue

vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications. If you need a example using webpack see the example folder.

vue-vueRouter-webpack-example - a vue webpack example

  •    CSS

Example using vue-loader with Webpack. For detailed explanation on how things work, read the docs for vue-loader.

vue-advanced-chat - A beautiful chat rooms component made with Vue

  •    Vue

A Progressive Web Application showcasing all the features of vue-advanced-chat component. Built with Firestore, Vuetify, and Push Notifications. If you wish to get premium access to the real world example source code, please contact me by email.


vue-treeselect - A multi-select component with nested options support for Vue.js

  •    Javascript

It's recommended to install vue-treeselect via npm, and build your app using a bundler like webpack. This example shows how to integrate vue-treeselect with your Vue SFCs.

vue-realworld-example-app - An exemplary real-world application built with Vue

  •    Javascript

This codebase was created to demonstrate a fully fledged fullstack application built with Vue.js including CRUD operations, authentication, routing, pagination, and more. We've gone to great lengths to adhere to the Vue.js community styleguides & best practices.

vue2-editor - A text editor using Vue.js and Quill

  •    Vue

If you choose to use the custom image handler, an event is emitted when a a photo is selected. You can see below that 3 parameters are passed. NOTE In addition to this example, I have created a example repo demonstrating this new feature with an actual server.

blessed-vue - A VueJS runtime to let you write command line UI in Vue

  •    Javascript

Compile against VueJS 2.5.13. This package is a Vue.js runtime for blessed and now blessed-contrib. The current version is compiled against VueJS 2.5.13, which means those lovely features and bug fixes comes with v2.5.13 in vue core will be available in the current version. For example, the lovely improvements about the functional components.

page-transitions-travelapp - Travel App, Native-like Page Transitions

  •    Vue

This demo shows an example of how to acheive native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue. For detailed explanation on how things work, checkout the Nuxt.js docs.

laravel-vue-spa - A Laravel-Vue SPA starter project template.

  •    PHP

A Laravel-Vue SPA starter project template. This project comes with GitHub as an example for Laravel Socialite.

vue-spa - Vue 2 Single Page Application Example (vuex + vue-router)

  •    Javascript

Vue 2 Single Page Application Example (vuex + vue-router)

vue-progressive-image - Vue progressive image loading plugin

  •    Javascript

To be able to immediately show some feedback to the user, it is possible to pass a placeholder image, which could be also 1% the size of the main image: it will be blurred so you can go crazy with optimizations here. The progressive-background has a "content" slot, which can hold content that needs to be rendered over the background image and also can hold a preloader. This slot has one property called "visible" that tells you when, for example, a preloader needs to be visible or not.

vue-google-maps - Google maps component for vue with 2-way data binding

  •    Vue

You can see an project example here.

http-vue-loader - load .vue files from your html/js

  •    Javascript

Load .vue files directly from your html/js. No node.js environment, no build step. Since some browsers do not allow XMLHttpRequest to access local files (Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https), you can start a small express server to run this example.

vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

sample-vue-shop - A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

  •    Vue

This small demo shows how to accept payments with stripe with Vue.js using a serverless function. It's actually not that bad to set up! The shop also shows how a number of concepts work in Vue. Server side rendering and routing is done with Nuxt.js. Centralized state management with Vuex for product details. Of note, using computed properties, .sync, CSS Grid, and transition-group.

vue-global-events - Register global events as a component

  •    Javascript

Thanks to Vue’s event modifiers, handling events is extremely easy however, you’re limited to DOM element events. We decided to change that, so now you can register global events (for example application shortcuts) just like you would listen to events on a component. No need to worry about unregistration either. You can toggle the events with a single v-if. Works with SSR too.

vue2-example - An example of vue2 + vue-router2 + vue-resource1.0.3

  •    Javascript

For detailed explanation on how things work, consult the docs for vue-loader.

electron-vue - An Electron & Vue

  •    Javascript

The boilerplate for making electron applications built with vue (pretty much what it sounds like). The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.