footerFormatter中如果return的值包含'.'就不显示怎么办

不得已只能把.改成．，　有其他的方法么

解决方案 »

  1.   


    Formatter(value, row, index)  要用自带的这种方法，出来的就正常自己定义的方法就会出现这种问题 有点莫名其妙
      

  2.   


    谢谢 已经解决了。发生这个问题的根本原因不知道bootstrapTable，定义columns -> footerFormatter 设置自定义方法xx(str)  return 返回的字符串不可包含"."但是如果定义的方法是bootstrapTable的默认函数  xx(value, row, index) return 任意字符串都没有问题。
      

  3.   

    BootStrap-table的footerformater并没有value,row,index的参数，只有传递data，不知道你用的哪个版本？
    并且包含小数也没有问题的：<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link href="../JS/Bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" />
        <link href="../JS/Bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
        <link href="https://unpkg.com/[email protected]/dist/bootstrap-table.min.css" rel="stylesheet">
    </head>
    <body>
        <table id="table"
               data-toggle="table"
               data-height="460"
               data-show-footer="true"
               data-url="data1.json">
            <thead>
                <tr>
                    <th data-field="id" data-footer-formatter="idFormatter">ID</th>
                    <th data-field="name" data-footer-formatter="nameFormatter">Item Name</th>
                    <th data-field="price" data-footer-formatter="priceFormatter">Item Price</th>
                </tr>
            </thead>
        </table>
    </body>
    </html>
    <script src="../Scripts/jquery-3.0.0.min.js"></script>
    <script src="../JS/Bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>
    <script>
        function idFormatter() {
            return 'Total'
        }    function nameFormatter(data) {
            return data.length
        }    function priceFormatter(data) {
            var field = this.field
            return '$' + data.map(function (row) {
                return +row[field].substring(1)
            }).reduce(function (sum, i) {
                return sum + i
            }, 0)
        }
    </script>