ng2-smart-table - 从 Ng-Smart-Table 中删除列过滤器占位符

Question

一直在与 ng-smart-table 斗争，试图找到一种优雅的方法来删除列过滤器占位符而不覆盖 javascript。我知道我可以修改 node_modules 该目录中的模块，但我需要在组件中修改它。有任何想法吗？

这是我的列设置。我试图修改单元格，但似乎没有任何内容可以覆盖显示列名称的占位符。

public settings: any = {
    actions: false,
    noDataMessage: 'Loading... please wait!',
    filtering: {filterString: ''},
    className: ['table-striped', 'table-bordered'],
    columns: {
        customerName: {
          title: 'Account',
          class: 'topHeading',
        },
}

Answer 1

我刚才遇到了同样的问题，在任何地方都找不到任何好的解决方法。我最终使占位符的颜色与输入的背景颜色相同，以“隐藏”占位符。

// Hide the placeholders in all browsers
.ng2-smart-filter input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.ng2-smart-filter input::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.ng2-smart-filter input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.ng2-smart-filter input::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}