PHPackages                             circulon/yii2-columnlistview - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. circulon/yii2-columnlistview

ActiveYii2-extension[Utility & Helpers](/categories/utility)

circulon/yii2-columnlistview
============================

Responsive columnar List View for Yii 2.x

v1.0.0(10y ago)43.6k7MITPHP

Since Jun 28Pushed 10y ago1 watchersCompare

[ Source](https://github.com/circulon/yii2-columnlistview)[ Packagist](https://packagist.org/packages/circulon/yii2-columnlistview)[ Docs](https://github.com/circulon/yii2-columnlistview.git)[ RSS](/packages/circulon-yii2-columnlistview/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (2)Used By (0)

yii2-columnlistview
===================

[](#yii2-columnlistview)

Yii 2.x ListView for building a responsive column layout

This is ideal for portfolio style layout of model/s content

Features
--------

[](#features)

- default settings for several common responsive layouts
- easily configurable for custom layouts
- generates fully responsive columns;

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
$ php composer.phar require circulon/yii2-columnlistview "*"

```

or add

```
"circulon/yii2-columnlistview": "*"

```

to the `require` section of your `composer.json` file.

Basic usage
-----------

[](#basic-usage)

```
    use circulon\widgets\ColumnListView;

    echo ColumnListView::widget([
        'dataProvider' => $dataProvider,

        'columns' => 3, // default : 1
])
```

The above example will generate a listview with the following layout per device size

- lg (Desktop) 4 columns
- md (Tablet) 3 columns
- sm (Phone) 2 columns
- xs 1 column

Advanced usage
--------------

[](#advanced-usage)

### Custom layout

[](#custom-layout)

Creating your own column layout is easy to do.

The setup of the columnsLayout var is as follows

```
  'columns' =>
  'columnsLayout' => [
     => [
       => ,
       => [, ]
      ...
    ],
    ...
  ],
```

> NOTE: Unless otherwise specified SIZE\_TINY ('xs') defaults to 1 column

Generally I find it easier to layout columns for Tablet ('md' / SIZE\_MEDIUM) then scale up for large and down for small and tiny devices.

Check the source for additional size layouts.

### Custom CSS classes for columns

[](#custom-css-classes-for-columns)

For example, if you want to render 3 columns using a custom CSS class:

```

    ...

      ...

    ...

```

You must set up your widget as follows:

```
  echo ColumnListView::widget([
    'dataProvider' => $dataProvider,
    'columns' => 3,
    'itemOptions' => [
      'class' => 'col-lg-4 col-xs-12',
    ],
  'itemView' => 'item',
  ]);
```

###  Health Score

33

—

LowBetter than 75% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 54.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3970d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/ed796308e012a4cf7ec03a6386bbd6da40e3a5a776a7a7eef48887e23cdfe67f?d=identicon)[circulon](/maintainers/circulon)

---

Top Contributors

[![circulon](https://avatars.githubusercontent.com/u/499977?v=4)](https://github.com/circulon "circulon (6 commits)")[![zorobabel](https://avatars.githubusercontent.com/u/188807214?v=4)](https://github.com/zorobabel "zorobabel (5 commits)")

---

Tags

yii2yiiresponsiveyii 2columncolumnsListViewcirculonlist view

### Embed Badge

![Health badge](/badges/circulon-yii2-columnlistview/health.svg)

```
[![Health](https://phpackages.com/badges/circulon-yii2-columnlistview/health.svg)](https://phpackages.com/packages/circulon-yii2-columnlistview)
```

###  Alternatives

[sjaakp/yii2-alphapager

Page data on initial character in Yii2.

184.4k](/packages/sjaakp-yii2-alphapager)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)