Comment faire pour centrer aligner les tables de données d'en-tête

Je suis nouveau sur les tables de données. Lorsque je fais de la table d'en-tête, il est toujours aligné à gauche.
Comment puis-je régler l'en-tête de centre d'aligner?
J'ai lu datatables.net/manual/styling/classes et datatables.net/reference/option/columns.className mais ne sais toujours pas comment la mettre en œuvre.

$('.table').DataTable({
  "paging": true,
  "lengthChange": true,
  "searching": true,
  "ordering": true,
  "info": true,
  "language": {
    "url": "http://cdn.datatables.net/plug-ins/1.10.9/i18n/Indonesian.json"
  }
  "columnDefs": {
    {
      className: "dt-head-center"
    }
  }
});

Vous devez utiliser les CSS. Pouvez vous s'il vous plaît faire un travail d'extrait de sorte que nous pouvons vous proposer des?

InformationsquelleAutor wildashfihana | 2016-06-27

6

Vous pourriez avoir oublié après l'indication de la classe, vous devez ajouter les éléments suivants dans le CSS:
```
.dt-head-center {text-align: center;}
```
Aussi, si la classe n'a pas été ajouté à la <th> de la table, essayez d'ajouter le CSS ci-dessous pour générique trucs:
```
thead, th {text-align: center;}

/* OR */

.table thead,
.table th {text-align: center;}
```
Pour le rendre spécifique à une table, vous pouvez donner à la table une id="tableID" et puis dans le CSS, vous pouvez le faire:
```
#tableID thead,
#tableID th {text-align: center;}
```
- J'ai trouvé que seulement de s'assurer que la classe était sur l'en-tête a été suffisante. L'ajout de css était inutile, car il était déjà dans les tables de données.
- Dépend du navigateur soeur...
InformationsquelleAutor Praveen Kumar Purushothaman
4

OP, vous avez été super proche de la solution, manque juste la targets option dans columnDefs pour attribuer le dt-head-center classe à l'en-tête que vous voulez de style.
```
//apply to columns 1 & 2
targets: [ 0, 1 ]
```
CSS est une option, mais pas nécessaire.

J'aime les tables de données suggéré méthode d'utilisation de la column.className option pour le style de cellules puis de les appliquer à l'aide de targets. https://datatables.net/reference/option/columns.className Cela nous donne un niveau de contrôle plus fin, par opposition à un global CSS application.

Ceci permettra d'aligner l'en-tête et le contenu du corps individuel:
```
columnDefs: [
    //Center align the header content of column 1
   { className: "dt-head-center", targets: [ 0 ] },
   //Center align the body content of columns 2, 3, & 4
   { className: "dt-body-center", targets: [ 1, 2, 3 ] }
]
```
ou de l'aligner les deux en même temps:
```
columnDefs: [
   //Center align both header and body content of columns 1, 2 & 3
   { className: "dt-center", targets: [ 0, 1, 2 ] }
]
```
Classe de cellules format:
```
dt[-head|-body][-left|-center|-right|-justify|-nowrap]
```
Plus d'infos sur les DataTables classes de cellules: https://datatables.net/manual/styling/classes#Cell-classes

InformationsquelleAutor carbonspace
3

Vous pouvez le faire avec les CSS. Il suffit d'utiliser votre table de classe comme un sélecteur et de la cible à chaque titre de tableau intérieur de ce sélecteur, comme ceci:
```
.table th {
  text-align: center;
}
```
- simple, mais le travail. merci
InformationsquelleAutor Ricky
1

par l'utilisation de ce style :
```
table.center-all td,th{
    text-align :center;
}
```
Je peux ajouter les center-all classe à ma table et tout sera aligné au centre. comme ceci :
```
<table class="center-all">
    ....
</table
```
De cette façon, j'ai l'option pour centrer le contenu de certains tableaux, sans besoin de l'appliquer à l'ensemble de la page/site

InformationsquelleAutor Amer Sawan

Vous devez vous connecter pour publier un commentaire.