Code Snippet – CSS + AngularJs Tutorial : Ng-Repeat – Menampilkan Data Secara Vertikal

code-snippet

Selamat malam, kali ini saya mau posting code snippet sederhana. Sebenarnya gak ada hubungannya dengan angularJs, tapi sekalian aja saya implementasikan. Karena kemarin ada kasus serupa yang saya hadapi, yaitu bagaimana menampilkan data secara vertikal. Jadi begini, misalnya ada 10 data dan akan ditampilkan menjadi 3 baris. Jadi logikanya di baris pertama dan kedua ada 4 data, kemudian di baris ketiga ada 2 data.

Data input : 1,2,3,4,5,6,7,8,9,10

Data output  :

1   5   9

2   6   10

3   7

4  8

Beginilah hasilnya, saya ambil data dari sebuah array :

Sederhana sekali :p, hanya menggunakan fungsi dari CSS3, column-count. OK, ini hanya sebagai catatan kecil bagi saya, mungkin saja di kemudian hari saya lupa.

“Stay Foolish, Stay Hungry”

Happy Blogging and Keep Coding

Cheerrrss….!!!!