Question

在默认的ngTable中，标题的title属性是一个空格，如title =＆＃34; ＆＃34;，它会在IE中导致奇怪的悬停工件，并且从可访问性的角度来看也不是一个好的值。如何定义表头的title属性？

空白标题是由app.factory中的列默认值的headerTitle属性引起的（＆＃39; ngTableColumn＆＃39;）：

var defaults = {
    'class': function(){ return ''; },
    filter: function(){ return false; },
    filterData: angular.noop,
    headerTemplateURL: function(){ return false; },
    headerTitle: function(){ return ' '; },
    sortable: function(){ return false; },
    show: function(){ return true; },
    title: function(){ return ' '; },
    titleAlt: function(){ return ''; }
};

我可以重新定义用于构建列的headerTitle函数吗？

另见Issue 561

Answer 1

可以通过将带有双引号+单引号值的“header-title”添加到td来专门设置title属性：

<table ng-table class="table">
  <tr ng-repeat="user in users">
    <td data-title="'Name'" header-title="'Foo'">{{user.name}}</td>
    <td data-title="'Age'" header-title="'Bar'">{{user.age}}</td>
  </tr>
</table>

td上的标题标题值和所有其他默认值都在directive definition中进行评估，并胜过原始问题中提到的默认值。

定义ngTable表头标题属性

1 个答案: