Table details

by sektor1987

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<link rel="stylesheet" href="//cdn.datatables.net/responsive/1.0.4/css/dataTables.responsive.css">
<link rel="stylesheet" href="//datatables.net/release-datatables/extensions/TableTools/css/dataTables.tableTools.css">
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/responsive/1.0.4/js/dataTables.responsive.js"></script>
<script src="//datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js"></script>
<table id="myTable" class="display dt-responsive" width="200%" >
    <thead>
        <tr>
          <th >ID TICKET</th>
                                        <th scope="col">NOMBRE USUARIO</th>
                                        <th scope="col">RESPONSABLE</th>
                                        <th scope="col">DIVISION</th>
                                        <th scope="col">TIPO</th>
                                        <th scope="col">TEMA</th>
                                        <th scope="col">ESCALAMIENTO</th>
                                        <th scope="col">PRIORIDAD</th>
                                        <th scope="col">CANAL</th>
                                        <th scope="col">ESTADO</th>
                                        <th scope="col">NOMBRE RECL.</th>
                                        <th scope="col">CORREO RECL.</th>
                                        <th scope="col">TELEFONO RECL.</th>
                                        <th scope="col">LOCALIDAD</th>
                                        <th scope="col">DESCRIPCION</th>
                                        <th scope="col" hidden>ASUNTO</th>
                                        <th scope="col">RESPUESTA</th>
                                        <th scope="col">F. INGRESO</th>
                                        <th scope="col">ACCIONES</th>
       ...

JavaScript

$('#myTable').DataTable( {
    responsive: {
        details: {
            type: 'column'
        }
    },
    columnDefs: [ {
        className: 'control',
        orderable: false,
        targets:   0
    } ],
    order: [ 1, 'asc' ],
    //dom: 'T<"clear">lfrtip',

});