Merge pull request #421 from amvisor/wrap

introduce wrap() and nowrap() in Column

Author: thyseus

README.md

@@ -198,6 +198,7 @@ class ComplexDemoTable extends LivewireDatatable
 |**searchable**| |Includes the column in the global search|```Column::name('name')->searchable()```|
 |**hideable**| |The user is able to toggle the visibility of this column|```Column::name('name')->hideable()```|
 |**filterable**|[*Array* $options], [*String* $filterScope]|Adds a filter to the column, according to Column type. If an array of options is passed it wil be used to populate a select input. If the column is a scope column then the name of the filter scope must also be passed|```Column::name('allegiance')->filterable(['Rebellion', 'Empire'])```|
+|**unwrap**| | Prevents the content of the column from being wrapped in multiple lines |```Column::name('oneliner')->unwrap()```|
 |**filterOn**|*String/Array* $statement|Allows you to specify a column name or sql statement upon which to perform the filter (must use SQL syntax, not Eloquent eg. ```'users.name'``` instead of ```'user.name'```). Useful if using a callback to modify the displayed values. Can pass a single string or array of strings which will be combined with ```OR```|```Column::callback(['name', 'allegiance'], function ($name, $allegiance) { return "$name is allied to $allegiance"; })->filterable(['Rebellion', 'Empire'])->filterOn('users.allegiance')```|
 |**view**|*String* $viewName| Passes the column value, whole row of values, and any additional parameters to a view template | _(see below)_|
 |**editable**| | Marks the column as editable | _(see below)_|

resources/views/livewire/datatables/datatable.blade.php

@@ -156,14 +156,14 @@ class="px-3 py-2 text-xs font-medium tracking-wider text-green-500 uppercase bg-
                             @foreach($this->columns as $column)
                                 @if($column['hidden'])
                                     @if($hideable === 'inline')
-                                        <div class="table-cell w-5 overflow-hidden align-top"></div>
+                                        <div class="table-cell w-5 @unless($column['wrappable']) whitespace-nowrap @endunless overflow-hidden align-top"></div>
                                     @endif
                                 @elseif($column['type'] === 'checkbox')
                                     @include('datatables::checkbox', ['value' => $row->checkbox_attribute])
                                 @elseif($column['type'] === 'label')
                                     @include('datatables::label')
                                 @else
-                                    <div class="table-cell px-6 py-2 whitespace-no-wrap @if($column['align'] === 'right') text-right @elseif($column['align'] === 'center') text-center @else text-left @endif {{ $this->cellClasses($row, $column) }}">
+                                    <div class="table-cell px-6 py-2 @unless($column['wrappable']) whitespace-nowrap @endunless @if($column['align'] === 'right') text-right @elseif($column['align'] === 'center') text-center @else text-left @endif {{ $this->cellClasses($row, $column) }}">
                                         {!! $row->{$column['name']} !!}
                                     </div>
                                 @endif

src/Column.php

@@ -45,6 +45,11 @@ class Column
      */
     public $summary = false;
 
+    /**
+     * @var bool allow the content of the column to wrap into multiple lines.
+     */
+    public $wrappable = true;
+
     /**
      * @var string (optional) you can group your columns to let the user toggle the visibility of a group at once.
      */
@@ -156,6 +161,20 @@ public function label($label)
         return $this;
     }
 
+    public function wrap()
+    {
+        $this->wrappable = true;
+
+        return $this;
+    }
+
+    public function unwrap()
+    {
+        $this->wrappable = false;
+
+        return $this;
+    }
+
     public function enableSummary()
     {
         $this->summary = true;

src/Http/Livewire/LivewireDatatable.php

@@ -287,6 +287,7 @@ public function getViewColumns()
                 'filterView',
                 'name',
                 'params',
+                'wrappable',
                 'width',
                 'minWidth',
                 'maxWidth',