jQuery为引导数据表列对齐小数

时间:2017-03-29 13:29:40

标签: jquery alignment decimal

供参考,请参阅:https://datatables.net/reference/api/row.add()。我的代码将表实例化为:

var table =  $('#search_details_drilldowns').DataTable();

然后,在一个循环中,添加一堆行。 Cope片段:

var unit_price = dynamicdata[0].toFixed(4);

//somehow modify the unit_price variable here?

table.row.add([unit_price]);

unit_price的值可以是:170.0000 or 14.2494 or 99999.0000;总是四位小数!数据表显示的方式,小数不对齐。我无法将<th>列更改为右对齐,因为我不想改变它。

所以,我想的是只要小数点对齐,就可以在小数点的左边添加空格或某种方式。这些值仅供显示,因此字符串非常好!

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

没关系。我找到了这个库:https://github.com/ndp-software/align-column并使用了这个:

 $('#search_details_drilldowns').alignColumn(8); 

table.draw();方法之后,似乎正在运作。

HTH某人!

更新这个答案对我不起作用 - 这基本上会在DataTable的每一列中放入两列,但数据显示不正确。所以原来的问题仍然需要帮助!感谢。

更新后的答案!!

上面的回答让我开始操纵单个单元格的CSS。以下是我解决问题的方法!

加载了Github库的修改版本,然后在For循环中加载 - 没有拆分等。

$cell.css('text-align', 'right');
$cell.css('padding-right', '20%');

我可以通过调用主JS文件中的某个函数来加载额外的库,但我想保持代码干净。无论如何,新的答案对我有用 - 虽然它填充了th标题,我将解决这个问题。

HTH!