YUI DataTable：如何编辑列标题？

Question

我希望能够以同样的方式编辑列标题，就像我可以修改行值一样。 有人想到办法吗？ 我在文档中没有看到任何提及。

- jendresden

Answer 1

我想在标题中放置一个复选框，而不是普通的标题。 label 属性将接受 HTML。

这是我传递给 YUI Datatable 的 myColumnDefs 示例：

var myColumnDefs = [
    {key:"check", label:'<input id="check-all" type="checkbox" onclick="checkAll()">', formatter:"checkbox"},
    {other columns}
];            

- Justin Tanner

Answer 2

列标题在 columnDefs 中设置：

 var myColumnDefs = [
      {key:"myID", label:"id", sortable:true},
      {key:"myDate", label:"date", sortable:true},
      {key:"MyStatus", label:"status", sortable:false}
                    ];

如果您想要动态更改它，您将需要删除标签的值，并对第一行应用CSS，以使其看起来像是标题。然后像往常一样使用YUI中的内联单元格编辑。

只是一个想法！因为到目前为止我不认为YUI提供了这样的方法！

- Tom