javascript - 在 DataTables 中只显示小数点后 3 位

标签 javascript jquery html datatables

我试图只显示小数点后的 3 位数字,但我做不到。我试过 toFixed()方法,但我无法成功。

这是我的 fiddle .

HTML 源代码:

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>DATE</th>
            <th>CODE</th>
            <th>PRODUCT</th>
            <th>QUANTITY</th>
            <th>UNIT</th>
            <th>VALUE</th>
            <th>COUNTRY</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>01/01/2017</td>
            <td>84571001</td>
            <td>MACHININGCENTRESHORIZONTAL</td>
            <td>13</td>
            <td>NOS</td>
            <td>22.1382568</td>
            <td>JAPAN</td>
        </tr>
        <tr>
            <td>03/01/2017</td>
            <td>84571001</td>
            <td>MACHININGCENTRESHORIZONTAL</td>
            <td>33</td>
            <td>NOS</td>
            <td>54.5104524</td>
            <td>JAPAN</td>
        </tr>
    </tbody>
</table>

谁能帮帮我?

最佳答案

最简单的是使用内置的 number helper :

columnDefs: [{
  targets: [5],
  render: $.fn.dataTable.render.number(',', '.', 3)
}]

更新 fiddle -> http://jsfiddle.net/ebRXw/3627/ 仅举个例子,点击链接可了解有关可与数字渲染器一起使用的所有选项的详细信息。

关于javascript - 在 DataTables 中只显示小数点后 3 位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48051787/

相关文章:

javascript - jquery替换td内容

html - 之前或之后的 css 类说明符,不一致?

javascript - 如何从字符串创建 JS 对象

javascript - 仅在 PHP 中使用 Fetch 成功后才重定向页面

javascript - Visual Studio -> Shared TypeScript Library -> TS6059 文件 '' 不在 'rootDir' '' 下。 'rootDir' 应该包含所有源文件

javascript - jQuery 更改父同级 div 内内容的值

javascript - .animate无限循环

html - 如何在标题中编辑菜单 - wordpress

html - 在表格单元格中,如何设置背景颜色并将内容放在中间?

javascript - 如何在网页上的光标上创建镜像效果?