JENIUSKLIK

Aplikasi Web Builder: Membuat Grid Dinamis dengan Google Sheets

Pelajari membuat grid data yang dapat diedit dan dicari menggunakan Google Sheets sebagai database.

Membuat Grid dengan HTML

<table id="dataTable" class="table table-striped">
  <thead>
    <tr>
      <th>Nama</th>
      <th>Email</th>
      <th>Aksi</th>
    </tr>
  </thead>
  <tbody id="tableBody"></tbody>
</table>

Ambil Data dari Sheets

function getAllData() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet()
    .getSheetByName('Data');
  return sheet.getDataRange().getValues();
}

Cari Data

function searchData(keyword) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet()
    .getSheetByName('Data');
  var data = sheet.getDataRange().getValues();
  return data.filter(row => 
    row[1].toString().toLowerCase().includes(keyword.toLowerCase())
  );
}

Share :