Datatable size change
<p>I am using jquery datatable and I need to contain the table inside a container </p>

<p>for now the table width exceedthe container </p>

<p>I tried the following</p>

<p>1- set the <code>sWidth</code> option on the <code>table</code> and on the <code>columns</code> </p>

<p>3- set the <code>bAutoWidth</code> to false</p>

<p>2- change the value of <code>dataTables_wrapper</code></p>

<p>nothing works</p>

<p>my code look like this</p>

<p>the JS </p>

<pre><code>$scope.dtOptions = DTOptionsBuilder
                    .fromSource('api/fromRest')


$scope.dtColumns = [
                    DTColumnBuilder.newColumn('firstCol').withTitle('first')
.....
</code></pre>

<p>the HTML   </p>

<pre><code>&lt;table datatable="ng" dt-options="dtOptions" dt-columns="dtColumns"
   dt-column-defs="dtColumnDefs"&gt;
&lt;tfoot&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tfoot&gt;
&lt;/table&gt;
</code></pre>