diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index e2e1c74..3345e32 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="columns">
 
-        <div class="column is-3 mb-0 ">
+        <div class="column is-3 mb-0 " @click="obtenerDatos()">
           <b-field >
             <b-input
                 placeholder="No.Cuenta"
@@ -10,7 +10,6 @@
                 rounded
                 v-model="numeroCuenta"
                 maxlength="9"
-
                 ></b-input>
           </b-field>
         </div>
@@ -54,40 +53,46 @@
     <div class="columns">
       <section class="column is-12">
           <b-table
-              :data="data"
-              ref="table"
-              paginated
-              per-page="5"
-              hoverable
-              striped
+            :data="data"
+            :loading="loading"
+
+            paginated
+            backend-pagination
+            :total="total"
+            :per-page="perPage"
+            @page-change="onPageChange"
+            aria-next-label="Next page"
+            aria-previous-label="Previous page"
+            aria-page-label="Page"
+            aria-current-label="Current page"
               >
 
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span @click="cualquiera(props.row.nombre)">{{ props.row.nombre }}</span>
+                  <span @click="cualquiera(props.row.nombre)">{{ datos.servicios[0].Usuario.nombre}}</span>
               </b-table-column>
 
               <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
-                  <span @click="cualquiera(props.row.carrera)">{{ props.row.carrera }}</span>
+                  <span @click="cualquiera(props.row.carrera)">{{ datos.servicios[0].Carrera.carrera}}</span>
               </b-table-column>
 
               <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered>
-                  <span @click="cualquiera(props.row.numeroCuenta)">{{ props.row.numeroCuenta }}</span>
+                  <span @click="cualquiera(props.row.numeroCuenta)">{{ datos.servicios[0].Usuario.usuario }}</span>
               </b-table-column>
 
               <b-table-column field="fechaInicio" label="Inicio" centered v-slot="props">
-                  <span @click="cualquiera(props.row.fechaInicio)">{{ props.row.fechaInicio }}</span>
+                  <span @click="cualquiera(props.row.fechaInicio)">{{ datos.servicios[0].fechaInicio }}</span>
               </b-table-column>
 
               <b-table-column field="fechaFin" label="Final" centered v-slot="props">
-                  <span @click="cualquiera(props.row.fechaFin)">{{ props.row.fechaFin }}</span>
+                  <span @click="cualquiera(props.row.fechaFin)">{{ datos.servicios[0].fechaFin }}</span>
               </b-table-column>
 
               <b-table-column field="status" label="Status" v-slot="props" centered>
-                  <span @click="obtenerDatos()" class="tag" :class="types(props.row.status)">{{ props.row.status }}</span>
+                  <span @click="cualquiera(props.row.fechaFin)" class="tag" :class="types(datos.servicios[0].Status.status)">{{ datos.servicios[0].Status.status }}</span>
               </b-table-column>
 
               <b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="id == 2">
-                  <div v-if="props.row.status === 'pre-termino'">
+                  <div v-if="props.row.status === 'Pre-Termino'">
                     <span
                     v-if="props.row.cartaTermino === true"
                     >
@@ -107,7 +112,7 @@
 
               <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="id == 2">
                   <div
-                  v-if="props.row.status === 'pre-termino'">
+                  v-if="props.row.status === 'Pre-Termino'">
                     <span
                     v-if="props.row.cuestionario === true"
                     >
@@ -141,6 +146,13 @@ export default {
   },
   data () {
     return {
+      total: 0,
+      loading: false,
+      sortField: 'vote_count',
+      sortOrder: 'desc',
+      defaultSortOrder: 'desc',
+      page: 1,
+      perPage: '',
       numeroCuenta: '',
       nombre: '',
       status: 1,
@@ -271,19 +283,19 @@ export default {
     },
     types (status) {
       /* const Status = parseFloat(status) Investigar para que sirve :) */
-      if (status === 'pre-registro') {
+      if (status === 'Pre-Registro') {
         return 'is-dark'
-      } else if (status === 'pre-validado') {
+      } else if (status === 'Pre-Validado') {
         return 'is-warning'
-      } else if (status === 'registro') {
+      } else if (status === 'Registro') {
         return 'is-info'
-      } else if (status === 'pre-termino') {
+      } else if (status === 'Pre-Termino') {
         return 'is-link'
-      } else if (status === 'termino') {
+      } else if (status === 'Termino') {
         return 'is-success'
-      } else if (status === 'liberado') {
+      } else if (status === 'Liberado') {
         return 'is-success'
-      } else if (status === 'rechazado') {
+      } else if (status === 'Rechazado') {
         return 'is-danger'
       }
     },
@@ -320,18 +332,23 @@ export default {
       console.log(this.numeroCuenta)
       console.log(this.nombre)
       console.log(this.status)
-      console.log(this.datos)
+      console.log(this.datos.faltantes)
+      console.log(this.perPage)
+    },
+    obtenerDatos () {
+      axios.get('https://5b3a8798f24a.ngrok.io/servicio/servicios_responsable?idUsuario=2&pagina=1')
+        .then(res => {
+          console.log(res.data)
+          this.datos = res.data
+          if (this.datos.faltantes === 0) {
+            this.perPage = 1
+            console.log(this.perPage)
+          }
+        })
     },
     addSearch (e) {
       e.preventDefault()
       console.log('Agregando busqueda')
-    },
-    obtenerDatos () {
-      axios.get('https://c91c3b1fd956.ngrok.io/servicio/servicios_responsable?idUsuario=28&pagina=1')
-        .then(res => {
-          console.log(res.data)
-          this.datos = res.data
-        })
     }
   }
 }