jQuery DataTable没有显示其内容的起始空间

时间:2016-05-25 12:52:01

标签: jquery jquery-ui datatable datatables

我创建了一个jQuery DataTable来显示商店中的员工列表。表结构就像,

    <table class="gridTableSummary hover pretty cell-border" id="summarytable" cellspacing="0">
       <thead class="col-header-1" style="height:10px">
          <tr>
             <th>Emp ID</th>
             <th>Employee Name</th>
          </tr>
        </thead>
     <tbody class="text-primary"></tbody>
    </table>

然后在脚本中,

var meetEmp = $('.gridTableSummary').DataTable({"pageLength": 10, "bFilter": false, "bInfo": false, "bLengthChange": false, "ordering": true, "searching": true});

然后将值分配给表,如

 meetEmp.clear().draw();
        for (var i = 0; i <= response.length - 1 ; i++) {
            meetEmp.row.add({
                0: response[i].EmpId,
                1: response[i].EmpName
            }).draw();
        }

其中,response是一个jSon字符串,其中包含有关员工的所有信息。

然后,在我的数据库中,我有一些样本员工数据,其中包含每个员工开始时的一些空格。

示例:" u3""ua3"" uc2"" ua1"

但是当它在jQuery datatable中显示时,它会从一开始就删除它的空格。看起来像,

enter image description here

如何在jquery table中显示起始空格?

1 个答案:

答案 0 :(得分:0)

我通过将space替换为&nbsp;来解决了这个问题。

工作代码是,

meetEmp.clear().draw();
        for (var i = 0; i <= response.length - 1 ; i++) {
            meetEmp.row.add({
                0: response[i].EmpId.replace(" ", "&nbsp;"),
                1: response[i].EmpName.replace(" ", "&nbsp;")
            }).draw();
        }

现在它正常工作并获得结果,

enter image description here

谢谢@Raj_King