angular - ng2-smart-table，对齐文本

Question

我们如何在ng2-smart-table 中将文本右对齐？

Answer 1

试试这个代码，它在我身边有效。

this.settings.columns["title"] = { "title": this.settings.columns["title"].title, type:'html',valuePrepareFunction: function(value){
     return '<div class="customformat"> ' + value + ' </div>' 
}};

CSS

:host /deep/ .customformat{ 文本对齐：对；}

---

Answer 2

还有另一种方法，只使用css。

要将所有列向右移动：

:host /deep/ ng2-smart-table tbody > tr > td{ text-align: right; }

要将所有标题向右移动：

:host /deep/ ng2-smart-table thead th{ text-align: center; }

要将所有输入过滤器向右移动：

:host /deep/ ng2-smart-table thead input-filter input{ text-align: center; }

等等