Clarity clr-datagrid使用自定义过滤器标记，但保留内置过滤/排序功能

Question

如何为与clr-dg-column组件的排序/过滤功能相关联的clr-datagrid组件提供自己的自定义标记？

我想提供一个始终可见的简单文本输入（或任何自定义标记）（而不是隐藏在过滤器弹出窗口中），但我希望保留Clarity框架开箱即用的所有功能。排序/过滤datagrid的数据。我希望clr-datagrid组件开箱即用的排序/过滤行为能够与我的自定义标记一起使用。我的意思是内部包含clr-dg-column绑定的clrDgField组件将更新父clr-datagrid组件的内部状态。如果父clr-datagrid组件对其具有clrDgRefresh绑定（对于服务器驱动的数据），则内部状态将传递给绑定函数。我希望所有这些能够发挥作用。

有没有办法将自定义HTML连接到父clr-datagrid组件的排序/过滤功能？这是我想要的一个例子：

<clr-dg-column>
  <span>{{myColumnName}}</span> <!-- I want to wire this up so it can still be used to sort when clicked on -->
  <div class="filter-wrapper">
    <input type="text" /> <!-- I want to wire this up so it still filters the column -->
  </div>
</clr-dg-column>

我希望它在功能上与以下内容相同：

<clr-dg-column [clrDgField]="'my_column'">
  <span>{{myColumnName}}</span>
</clr-dg-column>