H to show 3user together or make group of it ,as we do in Mod funtion

Question

Hi,

I have mutiple user's in sql server table like 10 or so on ,

Requirement: i want to show user with group of 3 user , suppose

user
1) A,
2) B,
3) C
4) D
5) E
6) F
7) G

i want to show it using jquery on div like

A
B
C

D

E

F

G

note: number of user may changed , based on data. currently 7 and in future it may be 13 or 20 etc.. .

it means group of three user to show it using Div with jquery

or as per db table , output would be like

Qasim
Amir Bay
Mubashir

Sabeen
Nadia
Rana Aslam

Farahan

i want to design output would be like this ( above )
attached is table picture to be showed

Thanks

Sachin Singh · Answer

suppose you are receiving data in JSON or array in your ajax or $.get() method. then divide the array or list into chunks of size 3 then loop through it. "~/Scripts/jquery-3.4.1.min.js" > "viewport" content= "width=device-width" /> Index "myArea" > $(function () { var a = [ ' Qasim' , ' Amir Bay' , ' Mubashir' , 'Sabeen' , 'Nadia' , 'Rana Aslam' , 'Farahan' ]; var arrays = [], size = 3; while (a.length > 0) { arrays.push(a.splice(0, size)); } $(arrays).each(function (i, y) { var div = document.createElement( "div" ); $(div).css({ "border-color" : "#C1E0FF" , "border-width" : "1px" , "border-style" : "solid" }); $(y).each(function (i,v) { var p = $( " " ); $(p).html(v); $(div).append(p); }) $( "#myArea" ).append(div); }); })

Sachin Singh · Answer

jsfiddle for your solution https://jsfiddle.net/sachinsinghsharpencode/qdzgt1L4/4/

Sachin Singh · Answer

they are just symbols, the first parameter stands for index and the second for value inside each() function in jquery. please paste it in notepad, give the reference of jquery (cdn), save it as HTML and run, you will get to know.

mohammad qasim · Answer

whats i,v ? in this each function parameter $(y).each(function (i,v) { var p = $(" "); $(p).html(v); $(div).append(p); })

H to show 3user together or make group of it ,as we do in Mod funtion

Answers (4)