Advertisement
oscarviedma

Código para Sincronizar una tabla con links o enlaces Gridjs

Apr 8th, 2024
1,204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. fetch('URL_DE_TU_SCRIPT?sheet=Tabla+2')
  2.   .then(response => response.json())
  3.   .then(data => {
  4.     const headers = data.shift();
  5.     const urlIndex = headers.findIndex(header => header === "Perfil");
  6.    
  7.     new gridjs.Grid({
  8.       search: true,
  9.       sort: true,
  10.       columns: headers.map((header, index) => {
  11.         if (index === urlIndex) {
  12.           return {
  13.             id: header,
  14.             name: header,
  15.             formatter: (cell) => {
  16.               return gridjs.html(`<a class="btn" target="_blank" href="${cell}">Ver Perfil</a>`);
  17.             }
  18.           };
  19.         } else {
  20.           return {
  21.             id: header,
  22.             name: header
  23.           };
  24.         }
  25.       }),
  26.       data: data,
  27.       pagination: {
  28.         limit: 6,
  29.         summary: true
  30.       },
  31.       style: {
  32.         th: {
  33.           background: '#34D7A1',
  34.           'font-weight': 'bold',
  35.           color: '#fff',
  36.           height: '60px'
  37.         },
  38.         td: {
  39.           border: '1px solid #e9e9f6',
  40.           background: '#fff',
  41.           height: '40px'
  42.         },
  43.         table: {
  44.           'font-size': '15px',
  45.           border: 'none',
  46.           color: '#20355a'
  47.         }
  48.       },
  49.         language: {
  50.         'search': {
  51.             'placeholder': '🔍  Buscar por palabra clave...'
  52.         },
  53.         'pagination': {
  54.             'previous': 'Anterior',
  55.             'next': 'Siguiente',
  56.             'showing': 'Mostrando',
  57.             'results': () => 'Resultados',
  58.             'to': () => 'de',
  59.             'of': () => 'de'
  60.         }
  61.         }
  62.     }).render(document.getElementById("ov-tabla-2"));
  63.   });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement