Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery datatable border issue
    text
    copied!<p>How to show the border for empty cells ? There some columns are blank and no values , so those columns are not displaying the border and its blank.Please see the below screen shot and advise.</p> <p>One more is there are two lines of border , How to make it one of border ?</p> <p><strong>HTML</strong></p> <pre><code>&lt;table border="1" id="products1" style="width:750px" &gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;End Date&lt;/th&gt; &lt;th&gt;Modify Date&lt;/th&gt; &lt;th&gt;Comments&lt;/th&gt; &lt;th&gt;By Who&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt;&lt;/tbody&gt; &lt;/table&gt; </code></pre> <p><strong>JS</strong></p> <pre><code>oTable = $("#products1").dataTable({ "aaData": newarray, "bProcessing": true, "bDeferRender": true, "bFilter": true, "bRetrieve": true, "bPaginate": true, "bJQueryUI": true, "iDisplayLength": 5, "sPaginationType": "two_button", "sDom": 'T&lt;"clear"&gt;frtip', "aoColumns": [{"sWidth": "135px","sClass": "center","bSortable": true},{ "sWidth": "145px","sClass": "center","bSortable": true},{ "sWidth": "145px","sClass": "center","bSortable": true},{ "sWidth": "20px","sClass": "center","bSortable": false} ], "aoColumnDefs": [{ "fnRender": function (o, val) { return o.aData[0]; }, "sClass": "end date","aTargets": [0] }, { "fnRender": function (o, val) { return o.aData[1]; }, "sClass": "modified date","aTargets": [1] }, { "fnRender": function (o, val) { return o.aData[2]; }, "sClass": "comments","aTargets": [2] },{ "fnRender": function (o, val) { return o.aData[3]; }, "sClass": "By who","aTargets": [3] } ] }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload