Les virgules et les $ dans datatable colonnes

[Mise à jour de réponse à utiliser les tables de données de 1,9+ et à l'honneur rynop la meilleure réponse. Réponse originale à cette question conservée au-dessous de l'horizontale à la règle, mais c'est à la fois de la date et de moins en moins efficace qu'il devrait l'être.]

Car il est vraiment les données que vous voulez modifier, de ne pas l'intégralité de la cellule, vous devriez être en utilisant le "rendu" de la propriété à l'intérieur des colonnes définition. Pour produire du code propre, vous pouvez stocker la réelle méthode de modification ailleurs et il suffit d'appeler l'un à l'autre:

var myTable = $('#mytable').DataTable({
  ...
  "columns": [
    { 
      "data" : "key_of_column",
      "render" : function( data, type, full ) {
        //you could prepend a dollar sign before returning, or do it
        //in the formatNumber method itself
        return formatNumber(data);                          
      }
    }
  ]
  ...
});

//elsewhere... probably more likely in a utility namespace or module
function formatNumber(n) {
  return n.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
}

formatNumber utilise les regex de ce accepté de répondre:

Ajouter la virgule pour les numéros de tous les trois chiffres

---

[réponse originale à cette question]

Je ne voudrais pas ajouter de la valeur en dollars de chaque cellule de moi-même, une décision qui a pour effet secondaire de réduire la complexité de ce que vous devez faire. 😉 Dans une feuille de calcul ou un tableau de valeurs de devise, vous avez seulement besoin de mettre le symbole de la devise dans l'en-tête ou la première ligne. Le mettre dans l'en-tête qui va rendre votre vie plus facile, en le mettant dans la première ligne sera en fait qu'ajouter de la complexité de votre problème.

Donc, retour à la DataTables lui-même, vous avez plusieurs façons de la peau, ce chat mais en voici deux:

1. Rendre l'ensemble de la table sans les virgules (ie. par défaut DataTables comportement), mais l'ajout d'une classe à l'un de ces cellules avec la sClass paramètre. Ensuite, utilisez fnDrawCallback le feu à la virgule-la création de la fonction, comme décrit dans le lien ci-dessus.

2. Utiliser uniquement l'expression régulière à partir du lien ci-dessus pour modifier la cellule en tant que données.

Quelque chose comme ceci (où 3 est le zéro de l'index de la colonne que vous modifiez):

"aoColumnDefs": [ {
   "aTargets": [3],
   "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
     var $currencyCell = $(nTd);
     var commaValue = $currencyCell.text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
     $currencyCell.text(commaValue);
   }
}]

(aoColumnDefs est une partie de votre initialisation de l'objet passé en dataTable());

Si vous DEVEZ absolument ajouter le signe de dollar, il faudrait ajouter dans la même fonction avant la text fonction.

OriginalL'auteur Greg Pettit

DataTables 1.10 a une nouvelle Nombre Helper qui est utilisée en conjonction avec l'option de rendu de facilement mettre en forme des nombres, comme ceci:

{
    data: 'price',
    render: $.fn.dataTable.render.number( ',', '.', 2, '$' )
}

Cela permet d'afficher un prix de valeur comme 1000.006 "de 1 000$.01".

OriginalL'auteur tbird