YUI DataTable：如何编辑列标题？

【问题标题】：YUI DataTable : How to edit the column headers?YUI DataTable：如何编辑列标题？
【发布时间】：2009-11-01 13:55:04
【问题描述】：

我希望能够以与更改行值相同的方式编辑列标题。有人想出办法做到这一点吗？我在文档中没有看到任何提及。

【问题讨论】：

标签： javascript datatable yui

【解决方案1】：

我想在标题中放置一个复选框，而不是常规标题。 label 属性将采用 HTML。

这是我传入 YUI 数据表的myColumnDefs 示例：

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

【讨论】：

【解决方案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 还没有提供方法来做到这一点！

【讨论】：