Skip to content

Instantly share code, notes, and snippets.

View willchambers99's full-sized avatar

Will Chambers willchambers99

View GitHub Profile
@lukecurtis93
lukecurtis93 / PaginatedTable.vue
Last active February 11, 2020 14:50
The reusable pagination component
<template>
<div class="jem-paginated-table">
<div class="jem-table-controls w-100">
<div v-if="tableData.showSearch" class="w-100">
<div class="p-3 w-100 d-flex align-items-center">
<div class="input-group" style="max-width: 250px;">
<input
class
style="max-width: 250px;"
v-model="query"

Steps

  1. Setup Laravel app
  2. Setup vue.js inside laravel app

Setup Laravel app

  • New Laravel app
  • Rename .env.example to .env
  • Config config/database.php to MySQL or SQLite
  • For SQLite, run touch storage/database.sqlite to create sqlite database