problema con DataTables, bootstrap y postgresql

[Montes28]

hola amigos espero me puedan ayudar mi situacion es la siguiente

estoy tratando de implementar DataTables, bootstrap y postgresql

para probar tengo una tabla estatica y el DataTable funciona perfecto , el problema que tengo es cuando listo la consulta en la tabla ahi ya no me funciona.

estoy utilizando
* File: jquery.dataTables.min.js
* Version: 1.9.2


script src='public/js/prueba/jquery.dataTables.min.js'></script>

Código HTML:

<table class="table table-striped table-bordered bootstrap-datatable datatable">
            <thead>
              <tr>
                <th>Usuario</th>
                <th>Fecha</th>
                <th>Modulo</th>
                <th>Acci&oacute;n</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              <?
                          foreach($fl as $field)
        
        {
                          ?>
              <tr>
                <td><? echo $field['UserName'] ?></td>
                <td class="center"><? echo $field['UpdateDate'] ?></td>
                <td class="center"><? echo $field['TableName'] ?></td>
                <td class="center"><? echo $field['Operation'] ?> </td>
                <td class="center"><a class="btn btn-success" href="#"> <i class="icon-zoom-in icon-white"></i> Consultar </a> <a class="btn btn-info" href="#"> <i class="icon-edit icon-white"></i> Editar </a> <a class="btn btn-danger" href="#"> <i class="icon-trash icon-white"></i> Eliminar </a> </td>
              </tr>
            </tbody>
            <?
                          }
                          ?>
          </table>