DataTable sensible afficher certaines colonnes

Je suis en utilisant DataTables avec réactif et face à des questions tout en essayant de n'afficher que certaines colonnes.

Disposition de la Table est comme ceci:
DataTable sensible afficher certaines colonnes

J'ai besoin d'afficher uniquement 'Column 1', 'Column3', 'Column 7', 'Column 8', 'Column 10' et masquer les autres( ceux-ci doivent être affichées par étendre le contrôle à la fin de chaque ligne ).

JS:

  $( 'table' ).DataTable( {
      order: [ [ 0, "asc" ] ],
        responsive: {
            details: {
                type: 'column',
                target: 'tr'
            }
        },
        columnDefs: [ {
            className: 'control',
            orderable: false,
            targets: -1
        } ]
    } );

C'est le JSFiddle. Toutes les suggestions!

OriginalL'auteur Beginner | 2017-04-07

  1. 17

    Pour afficher des colonnes spécifiques dans réactive datatable, vous avez juste besoin d'ajouter Classe de Contrôle dans th de tableau, comme suit:

    <table class="table table-hover table-striped">
  <thead>
    <tr>
      <th class="all">Column 1</th>
      <th class="none">Column 2</th>
      <th class="all">Column 3</th>
      <th class="none">Column 4</th>
      <th class="none">Column 5</th>
      <th class="none">Column 6</th>
      <th class="all">Column 7</th>
      <th class="all">Column 8</th>
      <th class="none">Column 9</th>
      <th class="all">Column 10</th>
      <th class="none">Column 11</th>
      <th class="all"></th>
    </tr>
  </thead>

    catégorie "tous": Toujours la colonne d'affichage, indépendamment de la taille de l'écran.

    classe "aucun": Ne pas s'afficher comme une colonne, mais de montrer, dans la ligne enfant.

    Source

    Ici est son travail de démonstration.

    OriginalL'auteur mmushtaq

  2. 1

    Il semble que vous devez cette:

    La colonne priorité peut également être défini par un attribut priorité sur l'en-tête de colonne de la cellule (par exemple prénom).

    OriginalL'auteur Mick