diff --git a/TreeColumn.php b/TreeColumn.php
new file mode 100644
index 0000000..94ee1c5
--- /dev/null
+++ b/TreeColumn.php
@@ -0,0 +1,239 @@
+<?php
+
+namespace leandrogehlen\treegrid;
+
+use Closure;
+use Yii;
+use yii\base\Model;
+use yii\base\Object;
+use yii\data\ActiveDataProvider;
+use yii\db\ActiveQueryInterface;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+use yii\helpers\Inflector;
+
+/**
+ * Column is the base class of all [[TreeGrid]] column classes.
+ *
+ * @author Leandro Gehlen <leandrogehlen@gmail.com>
+ */
+class TreeColumn extends Object {
+
+    /**
+     * @var TreeGrid the grid view object that owns this column.
+     */
+    public $grid;
+    /**
+     * @var string the header cell content. Note that it will not be HTML-encoded.
+     */
+    public $header;
+    /**
+     * @var string the footer cell content. Note that it will not be HTML-encoded.
+     */
+    public $footer;
+    /**
+     * @var callable This is a callable that will be used to generate the content of each cell.
+     * The signature of the function should be the following: `function ($model, $key, $index, $column)`.
+     * Where `$model`, `$key`, and `$index` refer to the model, key and index of the row currently being rendered
+     * and `$column` is a reference to the [[Column]] object.
+     */
+    public $content;
+    /**
+     * @var boolean whether this column is visible. Defaults to true.
+     */
+    public $visible = true;
+    /**
+     * @var array the HTML attributes for the column group tag.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $options = [];
+    /**
+     * @var array the HTML attributes for the header cell tag.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $headerOptions = [];
+    /**
+     * @var array|\Closure the HTML attributes for the data cell tag. This can either be an array of
+     * attributes or an anonymous function ([[Closure]]) that returns such an array.
+     * The signature of the function should be the following: `function ($model, $key, $index, $column)`.
+     * Where `$model`, `$key`, and `$index` refer to the model, key and index of the row currently being rendered
+     * and `$column` is a reference to the [[Column]] object.
+     * A function may be used to assign different attributes to different rows based on the data in that row.
+     *
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $contentOptions = [];
+    /**
+     * @var array the HTML attributes for the footer cell tag.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $footerOptions = [];
+
+    /**
+     * @var string the attribute name associated with this column. When neither [[content]] nor [[value]]
+     * is specified, the value of the specified attribute will be retrieved from each data model and displayed.
+     *
+     * Also, if [[label]] is not specified, the label associated with the attribute will be displayed.
+     */
+    public $attribute;
+    /**
+     * @var string label to be displayed in the [[header|header cell]] and also to be used as the sorting
+     * link label when sorting is enabled for this column.
+     * If it is not set and the models provided by the GridViews data provider are instances
+     * of [[\yii\db\ActiveRecord]], the label will be determined using [[\yii\db\ActiveRecord::getAttributeLabel()]].
+     * Otherwise [[\yii\helpers\Inflector::camel2words()]] will be used to get a label.
+     */
+    public $label;
+    /**
+     * @var boolean whether the header label should be HTML-encoded.
+     * @see label
+     * @since 2.0.1
+     */
+    public $encodeLabel = true;
+    /**
+     * @var string|\Closure an anonymous function or a string that is used to determine the value to display in the current column.
+     *
+     * If this is an anonymous function, it will be called for each row and the return value will be used as the value to
+     * display for every data model. The signature of this function should be: `function ($model, $key, $index, $column)`.
+     * Where `$model`, `$key`, and `$index` refer to the model, key and index of the row currently being rendered
+     * and `$column` is a reference to the [[DataColumn]] object.
+     *
+     * You may also set this property to a string representing the attribute name to be displayed in this column.
+     * This can be used when the attribute to be displayed is different from the [[attribute]] that is used for
+     * sorting and filtering.
+     *
+     * If this is not set, `$model[$attribute]` will be used to obtain the value, where `$attribute` is the value of [[attribute]].
+     */
+    public $value;
+    /**
+     * @var string|array in which format should the value of each data model be displayed as (e.g. `"raw"`, `"text"`, `"html"`,
+     * `['date', 'php:Y-m-d']`). Supported formats are determined by the [[GridView::formatter|formatter]] used by
+     * the [[GridView]]. Default format is "text" which will format the value as an HTML-encoded plain text when
+     * [[\yii\i18n\Formatter]] is used as the [[GridView::$formatter|formatter]] of the GridView.
+     */
+    public $format = 'text';
+
+    /**
+     * Renders the header cell.
+     */
+    public function renderHeaderCell()
+    {
+        return Html::tag('th', $this->renderHeaderCellContent(), $this->headerOptions);
+    }
+
+    /**
+     * Renders the footer cell.
+     */
+    public function renderFooterCell()
+    {
+        return Html::tag('td', $this->renderFooterCellContent(), $this->footerOptions);
+    }
+
+    /**
+     * Renders a data cell.
+     * @param mixed $model the data model being rendered
+     * @param mixed $key the key associated with the data model
+     * @param integer $index the zero-based index of the data item among the item array returned by [[GridView::dataProvider]].
+     * @return string the rendering result
+     */
+    public function renderDataCell($model, $key, $index)
+    {
+        if ($this->contentOptions instanceof Closure) {
+            $options = call_user_func($this->contentOptions, $model, $key, $index, $this);
+        } else {
+            $options = $this->contentOptions;
+        }
+        return Html::tag('td', $this->renderDataCellContent($model, $key, $index), $options);
+    }
+
+    /**
+     * Renders the header cell content.
+     * The default implementation simply renders [[header]].
+     * This method may be overridden to customize the rendering of the header cell.
+     * @return string the rendering result
+     */
+    protected function renderHeaderCellContent()
+    {
+        if ($this->header !== null || $this->label === null && $this->attribute === null) {
+            return trim($this->header) !== '' ? $this->header : $this->grid->emptyCell;
+        }
+
+        $provider = $this->grid->dataProvider;
+
+        if ($this->label === null) {
+            if ($provider instanceof ActiveDataProvider && $provider->query instanceof ActiveQueryInterface) {
+                /* @var $model Model */
+                $model = new $provider->query->modelClass;
+                $label = $model->getAttributeLabel($this->attribute);
+            } else {
+                $models = $provider->getModels();
+                if (($model = reset($models)) instanceof Model) {
+                    /* @var $model Model */
+                    $label = $model->getAttributeLabel($this->attribute);
+                } else {
+                    $label = Inflector::camel2words($this->attribute);
+                }
+            }
+        } else {
+            $label = $this->label;
+        }
+
+        return $this->encodeLabel ? Html::encode($label) : $label;
+    }
+
+    /**
+     * Renders the footer cell content.
+     * The default implementation simply renders [[footer]].
+     * This method may be overridden to customize the rendering of the footer cell.
+     * @return string the rendering result
+     */
+    protected function renderFooterCellContent()
+    {
+        return trim($this->footer) !== '' ? $this->footer : $this->grid->emptyCell;
+    }
+
+    /**
+     * Renders the data cell content.
+     * @param mixed $model the data model
+     * @param mixed $key the key associated with the data model
+     * @param integer $index the zero-based index of the data model among the models array returned by [[GridView::dataProvider]].
+     * @return string the rendering result
+     */
+    protected function renderDataCellContent($model, $key, $index)
+    {
+        if ($this->content === null) {
+            return $this->grid->formatter->format($this->getDataCellValue($model, $key, $index), $this->format);
+        } else {
+            if ($this->content !== null) {
+                return call_user_func($this->content, $model, $key, $index, $this);
+            } else {
+                return $this->grid->emptyCell;
+            }
+        }
+
+
+    }
+
+    /**
+     * Returns the data cell value.
+     * @param mixed $model the data model
+     * @param mixed $key the key associated with the data model
+     * @param integer $index the zero-based index of the data model among the models array returned by [[GridView::dataProvider]].
+     * @return string the data cell value
+     */
+    public function getDataCellValue($model, $key, $index)
+    {
+        if ($this->value !== null) {
+            if (is_string($this->value)) {
+                return ArrayHelper::getValue($model, $this->value);
+            } else {
+                return call_user_func($this->value, $model, $key, $index, $this);
+            }
+        } elseif ($this->attribute !== null) {
+            return ArrayHelper::getValue($model, $this->attribute);
+        }
+        return null;
+    }
+
+
+} 
\ No newline at end of file
diff --git a/TreeGrid.php b/TreeGrid.php
new file mode 100644
index 0000000..627ad14
--- /dev/null
+++ b/TreeGrid.php
@@ -0,0 +1,364 @@
+<?php
+
+namespace leandrogehlen\treegrid;
+
+use Closure;
+use Yii;
+use yii\base\InvalidConfigException;
+use yii\base\Widget;
+use yii\grid\DataColumn;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+use yii\helpers\Json;
+use yii\i18n\Formatter;
+
+/**
+ * TreeGrid renders a jQuery TreeGrid component.
+ *
+ * @see https://github.com/maxazan/jquery-treegrid
+ * @author Leandro Gehlen <leandrogehlen@gmail.com>
+ */
+class TreeGrid extends Widget {
+
+    /**
+     * @var \yii\data\DataProviderInterface the data provider for the view. This property is required.
+     */
+    public $dataProvider;
+
+    /**
+     * @var string the default data column class if the class name is not explicitly specified when configuring a data column.
+     * Defaults to 'leandrogehlen\treegrid\TreeColumn'.
+     */
+    public $dataColumnClass;
+
+    /**
+     * @var array the HTML attributes for the container tag of the grid view.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $options = ['class' => 'table table-striped table-bordered'];
+
+    /**
+     * @var array The plugin options
+     */
+    public $pluginOptions = [];
+
+    /**
+     * @var array the HTML attributes for the table header row.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $headerRowOptions = [];
+    /**
+     * @var array the HTML attributes for the table footer row.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $footerRowOptions = [];
+
+    /**
+     * @var string the HTML display when the content of a cell is empty
+     */
+    public $emptyCell = '&nbsp;';
+
+    /**
+     * @var string the HTML content to be displayed when [[dataProvider]] does not have any data.
+     */
+    public $emptyText;
+
+    /**
+     * @var boolean whether to show the header section of the grid table.
+     */
+    public $showHeader = true;
+    /**
+     * @var boolean whether to show the footer section of the grid table.
+     */
+    public $showFooter = false;
+    /**
+     * @var boolean whether to show the grid view if [[dataProvider]] returns no data.
+     */
+    public $showOnEmpty = true;
+
+    /**
+     * @var array|Formatter the formatter used to format model attribute values into displayable texts.
+     * This can be either an instance of [[Formatter]] or an configuration array for creating the [[Formatter]]
+     * instance. If this property is not set, the "formatter" application component will be used.
+     */
+    public $formatter;
+
+    /**
+     * @var array|Closure the HTML attributes for the table body rows. This can be either an array
+     * specifying the common HTML attributes for all body rows, or an anonymous function that
+     * returns an array of the HTML attributes. The anonymous function will be called once for every
+     * data model returned by [[dataProvider]]. It should have the following signature:
+     *
+     * ```php
+     * function ($model, $key, $index, $grid)
+     * ```
+     *
+     * - `$model`: the current data model being rendered
+     * - `$key`: the key value associated with the current data model
+     * - `$index`: the zero-based index of the data model in the model array returned by [[dataProvider]]
+     * - `$grid`: the GridView object
+     *
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $rowOptions = [];
+
+    /**
+     * @var Closure an anonymous function that is called once BEFORE rendering each data model.
+     * It should have the similar signature as [[rowOptions]]. The return result of the function
+     * will be rendered directly.
+     */
+    public $beforeRow;
+
+    /**
+     * @var Closure an anonymous function that is called once AFTER rendering each data model.
+     * It should have the similar signature as [[rowOptions]]. The return result of the function
+     * will be rendered directly.
+     */
+    public $afterRow;
+
+    /**
+     * @var string name of key column used to build tree
+     */
+    public $keyColumnName;
+
+    /**
+     * @var string name of parent column used to build tree
+     */
+    public $parentColumnName;
+
+    /**
+     * @var array grid column configuration. Each array element represents the configuration
+     * for one particular grid column.
+     * @see \yii\grid::$columns for details.
+     */
+    public $columns = [];
+
+    /**
+     * Initializes the grid view.
+     * This method will initialize required property values and instantiate [[columns]] objects.
+     */
+    public function init()
+    {
+        if ($this->dataProvider === null) {
+            throw new InvalidConfigException('The "dataProvider" property must be set.');
+        }
+        if ($this->emptyText === null) {
+            $this->emptyText = Yii::t('yii', 'No results found.');
+        }
+        if (!isset($this->options['id'])) {
+            $this->options['id'] = $this->getId();
+        }
+
+        if ($this->formatter == null) {
+            $this->formatter = Yii::$app->getFormatter();
+        } elseif (is_array($this->formatter)) {
+            $this->formatter = Yii::createObject($this->formatter);
+        }
+        if (!$this->formatter instanceof Formatter) {
+            throw new InvalidConfigException('The "formatter" property must be either a Format object or a configuration array.');
+        }
+
+        $this->initColumns();
+    }
+
+    /**
+     * Runs the widget.
+     */
+    public function run()
+    {
+        $id = $this->options['id'];
+        $options = Json::htmlEncode($this->pluginOptions);
+
+        $view = $this->getView();
+        TreeGridAsset::register($view);
+
+        $view->registerJs("jQuery('#$id').treegrid($options);");
+
+        if ($this->showOnEmpty || $this->dataProvider->getCount() > 0) {
+            $header = $this->showHeader ? $this->renderTableHeader() : false;
+            $body = $this->renderItems();
+            $footer = $this->showFooter ? $this->renderTableFooter() : false;
+
+            $content = array_filter([
+                $header,
+                $body,
+                $footer
+            ]);
+
+            return Html::tag('table', implode("\n", $content), $this->options);
+        } else {
+            return $this->renderEmpty();
+        }
+    }
+
+    /**
+     * Renders the HTML content indicating that the list view has no data.
+     * @return string the rendering result
+     * @see emptyText
+     */
+    public function renderEmpty()
+    {
+        $options = $this->emptyTextOptions;
+        $tag = ArrayHelper::remove($options, 'tag', 'div');
+        return Html::tag($tag, ($this->emptyText === null ? Yii::t('yii', 'No results found.') : $this->emptyText), $options);
+    }
+
+    /**
+     * Renders a table row with the given data model and key.
+     * @param mixed $model the data model to be rendered
+     * @param mixed $key the key associated with the data model
+     * @param integer $index the zero-based index of the data model among the model array returned by [[dataProvider]].
+     * @return string the rendering result
+     */
+    public function renderTableRow($model, $key, $index)
+    {
+        $cells = [];
+        /* @var $column TreeColumn */
+        foreach ($this->columns as $column) {
+            $cells[] = $column->renderDataCell($model, $key, $index);
+        }
+        if ($this->rowOptions instanceof Closure) {
+            $options = call_user_func($this->rowOptions, $model, $key, $index, $this);
+        } else {
+            $options = $this->rowOptions;
+        }
+        $options['data-key'] = is_array($key) ? json_encode($key) : (string) $key;
+
+        $id = ArrayHelper::getValue($model, $this->keyColumnName);
+        Html::addCssClass($options, "treegrid-$id");
+
+        $parentId = ArrayHelper::getValue($model, $this->parentColumnName);
+        if ($parentId) {
+            Html::addCssClass($options, "treegrid-parent-$parentId");
+        }
+
+        return Html::tag('tr', implode('', $cells), $options);
+    }
+
+    /**
+     * Renders the table header.
+     * @return string the rendering result.
+     */
+    public function renderTableHeader()
+    {
+        $cells = [];
+        foreach ($this->columns as $column) {
+            /* @var $column TreeColumn */
+            $cells[] = $column->renderHeaderCell();
+        }
+        $content = Html::tag('tr', implode('', $cells), $this->headerRowOptions);
+        return "<thead>\n" . $content . "\n</thead>";
+    }
+
+    /**
+     * Renders the table footer.
+     * @return string the rendering result.
+     */
+    public function renderTableFooter()
+    {
+        $cells = [];
+        foreach ($this->columns as $column) {
+            /* @var $column TreeColumn */
+            $cells[] = $column->renderFooterCell();
+        }
+        $content = Html::tag('tr', implode('', $cells), $this->footerRowOptions);
+        return "<tfoot>\n" . $content . "\n</tfoot>";
+    }
+
+    /**
+     * Renders the data models for the grid view.
+     */
+    public function renderItems()
+    {
+        $models = array_values($this->dataProvider->getModels());
+        $keys = $this->dataProvider->getKeys();
+        $rows = [];
+        foreach ($models as $index => $model) {
+            $key = $keys[$index];
+            if ($this->beforeRow !== null) {
+                $row = call_user_func($this->beforeRow, $model, $key, $index, $this);
+                if (!empty($row)) {
+                    $rows[] = $row;
+                }
+            }
+
+            $rows[] = $this->renderTableRow($model, $key, $index);
+
+            if ($this->afterRow !== null) {
+                $row = call_user_func($this->afterRow, $model, $key, $index, $this);
+                if (!empty($row)) {
+                    $rows[] = $row;
+                }
+            }
+        }
+
+        if (empty($rows)) {
+            $colspan = count($this->columns);
+            return "<tr><td colspan=\"$colspan\">" . $this->renderEmpty() . "</td></tr>";
+        } else {
+            return implode("\n", $rows);
+        }
+    }
+
+    /**
+     * Creates column objects and initializes them.
+     */
+    protected function initColumns()
+    {
+        if (empty($this->columns)) {
+            $this->guessColumns();
+        }
+        foreach ($this->columns as $i => $column) {
+            if (is_string($column)) {
+                $column = $this->createDataColumn($column);
+            } else {
+                $column = Yii::createObject(array_merge([
+                    'class' => $this->dataColumnClass ? : TreeColumn::className(),
+                    'grid' => $this,
+                ], $column));
+            }
+            if (!$column->visible) {
+                unset($this->columns[$i]);
+                continue;
+            }
+            $this->columns[$i] = $column;
+        }
+    }
+
+    /**
+     * Creates a [[DataColumn]] object based on a string in the format of "attribute:format:label".
+     * @param string $text the column specification string
+     * @return DataColumn the column instance
+     * @throws InvalidConfigException if the column specification is invalid
+     */
+    protected function createDataColumn($text)
+    {
+        if (!preg_match('/^([^:]+)(:(\w*))?(:(.*))?$/', $text, $matches)) {
+            throw new InvalidConfigException('The column must be specified in the format of "attribute", "attribute:format" or "attribute:format:label"');
+        }
+
+        return Yii::createObject([
+            'class' => $this->dataColumnClass ? : TreeColumn::className(),
+            'grid' => $this,
+            'attribute' => $matches[1],
+            'format' => isset($matches[3]) ? $matches[3] : 'text',
+            'label' => isset($matches[5]) ? $matches[5] : null,
+        ]);
+    }
+
+    /**
+     * This function tries to guess the columns to show from the given data
+     * if [[columns]] are not explicitly specified.
+     */
+    protected function guessColumns()
+    {
+        $models = $this->dataProvider->getModels();
+        $model = reset($models);
+        if (is_array($model) || is_object($model)) {
+            foreach ($model as $name => $value) {
+                $this->columns[] = $name;
+            }
+        }
+    }
+
+} 
\ No newline at end of file
diff --git a/TreeGridAsset.php b/TreeGridAsset.php
new file mode 100644
index 0000000..37183fa
--- /dev/null
+++ b/TreeGridAsset.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace leandrogehlen\treegrid;
+
+use yii\web\AssetBundle;
+
+/**
+ * This asset bundle provides the [jQuery TreeGrid plugin library](https://github.com/maxazan/jquery-treegrid)
+ *
+ * @author Leandro Gehlen <leandrogehlen@gmail.com>
+ */
+class TreeGridAsset extends AssetBundle {
+
+    public $sourcePath = '@bower/jquery-treegrid';
+
+    public $js = [
+        'js/jquery.treegrid.min.js',
+    ];
+
+    public $css = [
+        'css/jquery.treegrid.css',
+    ];
+
+    public $depends = [
+        'yii\web\JqueryAsset'
+    ];
+
+} 
\ No newline at end of file