Bonjour,

Je suis sur une datatable 1.10.16 et j'affiche certaines informations.

Je veux :

1 - lors d'un affichage mobile n'afficher que la première colonne et lors du click sur le bouton + du datatable, afficher les autres colonnes.

2 - je n'arrive pas à supprimer une row de datatable ayant un id que je recupère via window.opener.

Comment puis je le faire en jquery.

mon code :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<script>
    var timeoutId;
    var datatable_etudiants;
   $(document).ready( function () {
        init_datatables();
                update_students();
        });
</script>
 
<div id="collapseetudiants">
        <div class="row" style="margin:0;">
            <div class="table-responsive">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <table id="datatable_etudiants" class="table table-striped table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Nom</th>
                                <th>Prenom</th>
                                <th>Adresse</th>
                                <th>ville</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="text-right col-lg-12 col-md-12 col-sm-12 col-xs-12">Retour en haut</span>
                </div>
            </div>
        </div>
 </div>
 <script>
    function init_datatables() {
       datatable_etudiants = $('#datatable_etudiants').DataTable({
        searching: false,
        responsive: true,
        processing: true,
        paging: false,
        columnDefs: [
            { "width": "20%", "targets": 0 },
            { "width": "15%", "targets": 1 },
            { "width": "30%", "targets": 2 },
            { "width": "40%", "targets": 3 }
        ],
        language: {
            url: "/cdn/js/datatables/1.10.16/french.json",
            emptyTable : "Chargement des donnée en cours, veuillez patienter ..."
        }
        });
        new $.fn.dataTable.FixedHeader(datatable_etudiants);
   }
 
        function update_students(){
          
            $.get("myActionController1",{},function(data){
                datatable_etudiants.clear();
                $.each(data.students,function(i,student){
                       $.when($.get("myActionController2/" + student.idStudent,{},function(d){
                          (data.students[i]).news = d;
                       })).done(function(){
                             add_row_students(datatable_suspicions, data.students[i]);
                     });
               });
          });
        
        }
        
        function add_row_students(e, data) {
               e.row.add( [
                      data.nom,
                      data.prenom,
                      data.adr,
                      data.news
                ] ).draw();
      }
</script>