Skip to content

Instantly share code, notes, and snippets.

@fancellu

fancellu/index.html

Created April 2, 2019 13:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fancellu/611d3fac32b4a4e8081fe8c6ddb4abc7 to your computer and use it in GitHub Desktop.
Save fancellu/611d3fac32b4a4e8081fe8c6ddb4abc7 to your computer and use it in GitHub Desktop.
Download ZIP
wZaPbE
Raw
index.html
<html>
<head>
<!-- Do you need Material Icons? -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/quasar@@^1.0.0-beta.14/dist/quasar.ie.polyfills.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.umd.min.js"></script>
<div id="q-app">
<q-table
:data="auditdata"
:columns="auditcolumns"
row-key="id"></q-table>
</div>
<script type="text/javascript">
var myvue=new Vue({
el: '#q-app',
data: function () {
return {
auditcolumns :[
{
name: 'id',
label: 'id',
field: 'id'
},
{
name: 'created',
label: 'created',
field: 'created'
}
],
auditdata :[
{
id: 'myid',
created: 'somedate'
}
]
}
}
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment