title: Integration Laravel with database.net - html tags visible in row
body: <p>I use this component in my project: yajra/laravel-datatables</p>
  
  <p>I have controller:</p>
  
  <pre><code>public function dataTable(Request $request)
      {
          if ($request-&gt;ajax()) {
              return Datatables::of($this-&gt;model-&gt;all())
                  -&gt;addIndexColumn()
                  -&gt;editColumn('enable', function ($row) {
                      if ($row-&gt;enable == 1)
                          return '&lt;span class="label font-weight-bold label-lg  label-light-success label-inline"&gt;aktywny&lt;/span&gt;';
                      else return '&lt;span class="label font-weight-bold label-lg  label-light-danger label-inline"&gt;nieaktywny&lt;/span&gt;';
  
                  })
                  -&gt;editColumn('name', function ($row) {
                      return Str::limit($row-&gt;name, 80, '...');
                  })
                  -&gt;addColumn('action', function ($row) {
                      $btn = '&lt;a href="' . route('product.edit', ['id' =&gt; $row-&gt;id]) . '" class="removeItem"&gt;&lt;i class="far fa-edit"&gt;&lt;/i&gt;&lt;/a&gt; ';
                      $btn .= '&lt;a href="' . route('product.destroy', ['id' =&gt; $row-&gt;id]) . '" class="removeItem"&gt;&lt;i class="removeItem far fa-trash-alt"&gt;&lt;/i&gt;&lt;/a&gt; ';
  
                      return $btn;
                  })
                  -&gt;rawColumns(['action'])
                  -&gt;make(true);
          }
      }
  </code></pre>
  
  <p>and html:</p>
  
  <pre><code> &lt;table class="table table-bordered data-table    "&gt;
                          &lt;thead&gt;
                          &lt;tr class="resources"&gt;
                              &lt;th&gt;ID&lt;/th&gt;
                              &lt;th&gt;Nazwa produktu&lt;/th&gt;
                              &lt;th&gt;Status&lt;/th&gt;
                              &lt;th width="100px" class="text-center"&gt;Akcja&lt;/th&gt;
                          &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody class="data-table-center"&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
                  &lt;div class="datatable datatable-bordered datatable-head-custom" id="kt_datatable"&gt;&lt;/div&gt;
  
  
  
  
  $(function () {
              var table = $('.data-table').DataTable({
                  processing: true,
                  serverSide: true,
                  ajax: "{{ route('product.dataTable') }}",
                  language: {
                      url: "{{ asset('js/lang/Polish.json') }}"
                  },
                  iDisplayLength: 50,
                  render: function (data, type, row) {
                      return data;
                  },
                  columns: [
                      {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                      // {data: 'id', name: 'id'},
                      {data: 'name', name: 'name'},
                      {data: 'enable', name: 'enable'},
                      {data: 'action', name: 'action', orderable: false, searchable: false},
                  ]
              });
          });
  </code></pre>
  
  <p>In the status (enable) column I see this html instead of the final string. As if a blade would replace such html badly.</p>
  
  <p>My result:</p>
  
  <pre><code>&lt;span class="label font-weight-bold label-lg label-light-success label-inline"&gt;aktywny&lt;/span&gt;
  </code></pre>
  
  <p>Prview: <a href="https://ibb.co/6tXdH65" rel="nofollow noreferrer">https://ibb.co/6tXdH65</a></p>
  
  <p>How can I fix it?</p>