Sto usando Angularjs ui-grid e utilizzando le impostazioni predefinite, la domanda è: come posso formattare i numeri con due decimali?Come formattare un valore numerico nella cella della griglia della griglia AngularJS a due decimali?
Q
Come formattare un valore numerico nella cella della griglia della griglia AngularJS a due decimali?
7
A
risposta
20
È possibile utilizzare l'opzione columnDefs cellFilter:
columnDefs: [
{
field: 'name',
cellFilter: 'number: 2'
}
]
0
Siete alla ricerca di .toFixed(2).
Use cases:
var numObj = 12345.6789;
numObj.toFixed(); // Returns '12346': note rounding, no fractional part
numObj.toFixed(1); // Returns '12345.7': note rounding
numObj.toFixed(6); // Returns '12345.678900': note added zeros
(1.23e+20).toFixed(2); // Returns '123000000000000000000.00'
(1.23e-10).toFixed(2); // Returns '0.00'
2.34.toFixed(1); // Returns '2.3'
-2.34.toFixed(1); // Returns -2.3 (due to operator precedence, negative number literals don't return a string...)
(-2.34).toFixed(1); // Returns '-2.3' (...unless you use parentheses)
+0
Alla domanda posta in modo specifico, come formattare un valore numerico nella griglia utente angolare, che richiede un filtro personalizzato. Sebbene questa risposta sia tecnicamente corretta per l'uso generale di JavaScript, non è una risposta appropriata per questa domanda. –
0
Via definita dall'utente funzione di filtro:
http://fiddle.jshell.net/r8yj2jgw/2/
cellFilter:'formatNumber:2'
.
app.filter('formatNumber', function() {
return function(input, decimalPlaces) {
if(isNaN(input))
return input;
else {
return input.toFixed(decimalPlaces);
}
};
});
Problemi correlati
- 1. Come impostare il valore nella cella nella griglia in extjs
- 2. AngularJS ngAllineamento del testo della griglia
- 3. rimozione griglia JTable (bordo della cella) completamente
- 4. Disattivazione della modifica di cella specifica nella griglia Slick
- 5. Come allungare il rettangolo sulla cella della griglia in XAML
- 6. Evento di doppio clic della cella nella visualizzazione della griglia di dati
- 7. Animazione della griglia o della griglia in XAML?
- 8. MvcContrib griglia di formattazione della cella condizionale basata sul valore del modello
- 9. ExtJS 4 - Eventi cella a griglia?
- 10. Unisci colonne della griglia
- 11. Aggiorna una singola riga della griglia Kendo
- 12. Impostazione della larghezza della colonna nella griglia ui angolare
- 13. Come impedire l'ordinamento della vista griglia dati
- 14. Formattare un float con due cifre decimali
- 15. Come formattare la data nella griglia web di mvc
- 16. Come impostare l'altezza della riga superiore nella griglia di bootstrap?
- 17. Come ricevere una notifica quando la griglia è cambiata nella griglia utente AngularJS?
- 18. Formattare i valori del piè di pagina nella griglia utente
- 19. Magento posizione della colonna della griglia
- 20. Rilevamento della griglia in MATLAB
- 21. L'altezza della griglia viene tagliata
- 22. Il filtro griglia UI angolare si applica solo all'inizio del valore della cella
- 23. Come modificare il colore della cella della griglia in base alle condizioni utilizzando C#
- 24. I dati nella cella della colonna devono essere collegati ad un'altra pagina. Widget griglia KendoUI
- 25. Come sostituire il contenuto della cella della griglia in SWT GridLayout?
- 26. griglia all'interno Griglia in XAML
- 27. Come impostare le posizioni della riga e della colonna della griglia a livello di programmazione
- 28. Come aumentare il timeout della sessione della griglia di selenio?
- 29. angolare UI griglia, l'aggiunta di un pulsante a una cella della riga tramite template
- 30. Evento di modifica della selezione della riga della griglia Kendo?
Funziona. Grazie! – Tony
Come visualizzare da 0 a 0,00 in ui-grid? – Varun
Quando provo ad esportare la mia griglia utente in formato pdf, i numeri mostrano ancora più punti decimali. Sai di un modo in cui posso esportare il mio uigrid in formato pdf con i dati che mostrano solo due decimali? – Adrew