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;
}

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

1 个答案: