title: Render Datatables Boolean Column
body: <p>I have datatables returning the data using server side processing. I have not modified the basic example given from data tables. </p>
  
  <p>I have some boolean columns that I want to render as icons e.g. 1 = Green tick 0 = red cross or something similar. It currently looks like <a href="http://i.stack.imgur.com/Ykw6Y.png" rel="noreferrer">this</a>.
  How would I go about rendering just 3 columns? </p>
  
  <p>here's the code, i've tried, however this results in the whole table being blank...</p>
  
  <pre><code>    $(document).ready(function() {
      $('#log').dataTable( {
          "bProcessing": true,
          "bServerSide": true,
          "sAjaxSource": "assetlog.php"
      "columns": [
            { "data": "id" },
             { "data": "assetcode" },
             { "data": "name"},
             { "data": "shift" }
             { "data": "datetime" },
             { "data": "stop_production" },
             { "data": "furtheractions" }
             { "data": "jobcomplete" },
             { "data": "duration" },
             ],
             "columnDefs": [
                        {
                            "render": function (data, type, row) {
                                return (data === true) ? '&lt;span class="glyphicon glyphicon-ok"&gt;&lt;/span&gt;' : '&lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;';
                            },
                            "targets": 6
                        }
                    ]
  
      } );
  } );
  </code></pre>
  
  <p>Thanks</p>