Customization of header cell

Author: Eugene Tupikov

README.md

@@ -83,6 +83,10 @@ use unclead\widgets\MultipleInput;
                     'format' => 'dd.mm.yyyy',
                     'todayHighlight' => true
                 ]
+            ],
+            'headerOptions' => [
+                'style' => 'width: 250px;',
+                'class' => 'day-css-class'
             ]
         ],
         [
@@ -113,7 +117,8 @@ Widget support the following options that are additionally recognized over and a
   - `value` *Closure*: you can set it to an anonymous function with the following signature: ```function($data) {}```
   - `defaultValue` *string*: default value of input,
   - `items` *array*: the items for input with type dropDownList, listBox, checkboxList, radioList
-  - `options` *array*: the HTML options of input
+  - `options` *array*: the HTML attributes for the input
+  - `headerOptions` *array*: the HTML attributes for the header cell
 
 ### Input types
 

examples/views/example.php

@@ -58,6 +58,10 @@
                     'format' => 'dd.mm.yyyy',
                     'todayHighlight' => true
                 ]
+            ],
+            'headerOptions' => [
+                'style' => 'width: 250px;',
+                'class' => 'day-css-class'
             ]
         ],
         [

src/MultipleInput.php

@@ -150,12 +150,7 @@ private function renderHeader()
         $cells = [];
         foreach ($this->columns as $column) {
             /* @var $column MultipleInputColumn */
-            if ($column->isHiddenInput() || empty($column->title)) {
-                continue;
-            }
-            $cells[] = Html::tag('th', $column->title, [
-                'class' => 'list-cell__' . $column->name
-            ]);
+            $cells[] = $column->renderHeaderCell();
         }
         if (is_null($this->limit) || $this->limit > 1) {
             $cells[] = Html::tag('th', '', [

src/MultipleInputColumn.php

@@ -30,7 +30,7 @@ class MultipleInputColumn extends Object
     const TYPE_STATIC           = 'static';
 
     /**
-     * @var string
+     * @var string input name
      */
     public $name;
 
@@ -40,7 +40,7 @@ class MultipleInputColumn extends Object
     public $title;
 
     /**
-     * @var string
+     * @var string input type
      */
     public $type;
 
@@ -50,7 +50,7 @@ class MultipleInputColumn extends Object
     public $value;
 
     /**
-     * @var mixed
+     * @var mixed default value for input
      */
     public $defaultValue = '';
 
@@ -64,6 +64,11 @@ class MultipleInputColumn extends Object
      */
     public $options;
 
+    /**
+     * @var array the HTML attributes for the header cell tag.
+     */
+    public $headerOptions = [];
+
     /**
      * @var MultipleInput
      */
@@ -103,6 +108,21 @@ public function hasHeader()
         return !empty($this->title);
     }
 
+    /**
+     * Renders the header cell.
+     * @return null|string
+     */
+    public function renderHeaderCell()
+    {
+        if ($this->isHiddenInput()) {
+            return null;
+        }
+
+        $options = $this->headerOptions;
+        Html::addCssClass($options, 'list-cell__' . $this->name);
+        return Html::tag('th', $this->title, $options);
+    }
+
     /**
      * Prepares the value of column.
      *