File: formatNumber.xml

package info (click to toggle)
datatables.js 1.10.21%2Bdfsg-2%2Bdeb11u1
  • links: PTS, VCS
  • area: main
  • in suites: bullseye
  • size: 22,604 kB
  • sloc: javascript: 64,254; xml: 10,441; php: 4,623; sh: 523; makefile: 21
file content (38 lines) | stat: -rw-r--r-- 1,650 bytes parent folder | download | duplicates (6)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?xml version="1.0" encoding="UTF-8" ?>
<dt-option group="callback">
	<name>formatNumber</name>
	<summary>Number formatting callback function.</summary>
	<since>1.10</since>

	<type type="function">
		<signature>formatNumber( toFormat )</signature>
		<parameter type="integer" name="formatNumber">
			Number to be formatted
		</parameter>
		<returns type="string">
			Formatted string for DataTables to show the number
		</returns>
		<scope>HTML table element</scope>
	</type>
	<default>Shows numbers grouped as thousands with a comma separator</default>

	<description>
		DataTables will display numbers in a few different locations when drawing information about a table, for example in the table's information element and the pagination controls. When working with large numbers it is often useful to format it for readability by separating the thousand units - for example 1 million is rendered as "1,000,000", allowing the user to see at a glance what order of magnitude the number shows.

		This function allows complete control over how that formatting is performed. By default DataTables will use the character specified in `dt-init language.thousands` (in turn, that, by default, is a comma) as the thousands separator.
	</description>

	<example title="Show large numbers with a `'` separator"><![CDATA[
$('#example').dataTable( {
  "formatNumber": function ( toFormat ) {
    return toFormat.toString().replace(
      /\B(?=(\d{3})+(?!\d))/g, "'"
    );
  };
} );
]]></example>

	<related type="option">language.info</related>
	<related type="option">language.thousands</related>
	<related type="option">infoCallback</related>
</dt-option>