colspan does not work on the Datatable in C #

For example, I have a datatable:

<script type="text/javascript" class="init">

$(document).ready(function () {
    $('#table_1').DataTable( );
});

 </script>
<table id="table_1" class="table table-striped table-bordered" >
<thead>

    <tr style="background-color: #ff6a00; color: #fff">
        <th>Dato 1</th>
        <th>Dato 2</th>
        <th>Dato 3</th>
        <th>Dato 4</th>

    </tr>
 </thead>
 <tbody>
     <tr>
       <td></td>
       <td colspan="3"></td>
     </tr>
 </tbody>
 </table>

But when using the colspan, I lose the property of the filter, pagination and searcher of the datatable. I realize that it does not work, or there is something incompatible in its use. I would like to be able to find a solution. Does anyone know how to get to use the colspan in the datatable ???

Currently there is a solution, for example:

 <tr>
  <td colspan="3">Wide column</td>
  <td style="display: none;"></td>
  <td style="display: none;"></td>
</tr>
<tr>
 <td>Normal column</td>
 <td>Normal column</td>
 <td>Normal column</td>
</tr>

But it does not decrease the width of the cell that is hidden. It looks bad, even if I put width = 0. I have left the board aligned to the left with the remaining widths to the right. It does not look good