My JSON looks like this:

```
users: [
        { 'name': 'User 1'},
        { 'name': 'User 2'},
        { 'name': 'User 3'},
        { 'name': 'User 4'},
        { 'name': 'User 5'},
        { 'name': 'User 6'},
    ]

```

Now i am looping this and i am displaying in the same div, But i need to diaplay the data by these conditions:

Up to length 3 should display in one div and rest things should display in another div(Ex another div right to that div). Here the JSON will be dynamic, The length may be **<3** or **>3.** My requirement looks like this:

[![enter image description here](https://i.stack.imgur.com/pCyXY.png)](https://i.stack.imgur.com/pCyXY.png)

[JSFiddle link](https://jsfiddle.net/0dgf4kbL/15/)