2017-09-07 4 views
0

J'utilise Datatable dans mon projet. Je montre 20-25 colonne dans le tableau. Y at-il une option dans data table où l'utilisateur peut lui-même cacher la colonne non désirée et n'afficher que la colonne qu'il veut afficher.Personnalisable par l'utilisateur Datable

Mon Datatable:

$("#datatable-buttons").DataTable({ 
     "destroy": true, 
     "order": [], 
     dom: "Bfrtip", 
     "bProcessing": false, 
     "bServerSide": false, 
     "searching": false, 
     "pageLength": 10, 
     "autoWidth": false, 
     "bAutoWidth": false, // Disable the auto width calculation 
     "sort": "position", 
     "stateSave": true, 
     "scrollX": true, 
     "ajax": "MyURL" 
}); 
+0

Vous souhaitez cacher la ligne dans n'importe quel événement en utilisant jQuery ou un autre? –

+0

Je veux cacher toute la colonne non rangée ... – ansh

+0

Il n'y a pas une telle option, vous pouvez fournir un défilement avec débordement –

Répondre

1

Je pense que vous voulez afficher/masquer les colonnes après le chargement des données en page. Veuillez vérifier le lien ci-dessous, qui montre comme Afficher/Masquer les colonnes après chargement des données dans datatable. Show/hide columns dynamically. Peut être utile.

+0

Salut Ragesh, Oui, cela a fonctionné pour moi. mais le problème est après rafraîchir la page à nouveau il revient à l'état précédent et l'utilisateur doit à nouveau cacher la colonne inutilisée .. :( – ansh

+0

Vous devez enregistrer le nom des colonnes cachées dans le cache ou DB (tout autre fichier de configuration) que vous voulez, puis cachez ces colonnes sur le chargement de la page suivante –

+0

@ansh si cette réponse est utile, veuillez upvote ... –