Membuat nomor urut di javascript

Sebenarnya artikel ini lebih tepatnya saya tujukan untuk pengingat. Ada latar belakang mengapa saya selaku admin areablogger melakukan programming. Ini adalah berkaitan dengan proyek membuat sebuah admin untuk situs kontes SEO.

Saya adalah seorang yang mudah lupa. Tentu saja hal ini membuat saya perlu membuat catatan-catatan di kala menyelesaikan sesuatu. Catatan-catatan ini seringkali saya lupa letakkan di folder apa.

Ketika lupa letaknya, saya malas mencari lagi. Saya biasanya search / cari di mesin pencari / google. Hal ini tentunya memakan waktu lagi, apalagi penyelesaian masalahnya sebenarnya sangat sederhana.

Well, kali ini saya punya satu script yang saya share di sini untuk nantinya jika saya perlukan bisa saya gunakan. Artinya, saya juga tidak perlu menghabiskan waktu mencari di google untuk menemukan script ini.

Script ini saya dapatkan dari pencarian di situs stackoverflow. Situs stackoverflow sangatlah bagus bagi para programmer. Tanya jawab di situs ini seringkali memberikan solusi yang lengkap dengan disertai jawaban / deskripis.

Ini scriptnya:

< script type="text/javascript">
var addNumeration = function(cl){
  var table = document.querySelector('table.' + cl)
  var trs = table.querySelectorAll('tr')
  var counter = 1
  
  Array.prototype.forEach.call(trs, function(x,i){
    var firstChild = x.children[0]
    if (firstChild.tagName === 'TD') {
      var cell = document.createElement('td')
      cell.textContent = counter ++
      x.insertBefore(cell,firstChild)
    } else {
      firstChild.setAttribute('colspan',1)
    }
  })
}

addNumeration("table")
< /script>

Hapus spasi di antara kode < script type="text/javascript"> dan < /script> untuk membuat script ini berjalan di halaman HTML Anda.

Cara Kerja Script Menghitung Baris Table dengan Penomoran Otomatis

1. Script akan mencari tag HTML Table.
2. Setelah menemukannya, script akan melakukan query pada tag TR (table row / baris table) di dalam Table.
3. Script akan membuat tag TD sebagai baris paling pertama dari tag TR.
4. Script akan menghitung berapa jumlah dari tag TD pada table.
5. Script akan memasukkan nomor dari tag TD paling pertama secara berurut sampai tag TD paling akhir.

Setelah selesai, Anda akan mendapatkan satu kolom per baris yang berisi urutan baris kolom pada table. Script ini sangat berguna untuk mengurutkan data yang di query (diambil) dari database ke dalam tag HTML Table.

Masih bisa ditambahkan beberapa fitur dalam script ini. Tetapi pada artikel ini cukuplah saya bahas demikian. Oh iya, agar tidak di nomori pada baris paling awal, maka gunakan tag TH (Table Header) sebagai judul dari kolom.

By Suichal

Dapat dilakukan dengan menggunakan kode berikut:

"columns": [

    { "data": null,"sortable": false, 
       render: function (data, type, row, meta) {
                 return meta.row + meta.settings._iDisplayStart + 1;
                }  
    },
......
]

Sumber: Dari sini

Share this:

• Twitter
• Facebook

Menyukai ini:

Suka Memuat...

Terkait

Tutorial kali ini kita akan membahas Cara Membuat nomor urut saat menampilkan data pada PHP Mysqli atau mysqli. Untuk Menampilkan No urut terhadap data yang kita tampilkan pada database dengan PHP mysql cukup mudah, dengan fungsi mysql_fetch_array pada mysql, kita tidak perlu menuliskan no urut secara manual, lo ko manual.. apa bisa.. ? ya iya lah kan datanya di tampilkan dengan loop atau perulangan biasanya (while) , Jadi kita tidak perlu membuat No urut manual..

 OK.. back to pint,,, Cara Membuat nomor urut otomatis saat menampilkan data di database kita cukup Sederhana , berikut code sample nya :

$no=0;//variabel no
$tampil = mysqli_query($koneksi, "SELECT * FROM kategori ORDER BY id_kategori ASC");
while ($r=mysqli_fetch_array($tampil)){
$no++;
echo "$no"; //Untuk menampilkan no urut otomatis

}

Ingat, $koneksi , merupakan koneksi ya , jika belum mengerti cara membuat koneksi di mysqli , silahkan lihat di artikel Membuat Koneksi di Mysql dan Mysqli

Perhatikan script di atas, pertama kita buat sebuat variabel $no=0 , kemudian lakukan perintah menampilkan data di database , Dalam perulangan while , yang artinya data di database kita tampilkan dengan looping, kita berikan nilai variabel  $no dengan ++ lihat pada code $no++; , yang artinya kita menambahkan no dengan 1 pada setiap perulangan

Nah.. Jika anda Tidak menggunakan Perulangan WHILE untuk menampilkan data, anda bisa mengaplikasikan perulangan yang lainnya yang dapat anda baca di Perbedaan Antara FOR, WHILE, Dan DOWHILE

Bagaimana.. ? Mudah Bukan... ? Cara Membuat no urut otomatis saat menampilkan data pada PHP MYsql... Semoga Bermanfaat ... keep coding....