YUI DataTable: how to edit column headers?

Question

I would like to be able to edit column headings in the same way as I can change row values. Has anyone come up with a way to do this? I do not see mention of this in the docs.

Answer 1

I would like to check the box in the title instead of the regular title. The attribute labelwill accept HTML.

Here is an example myColumnDefsI am switching to YUI Datatable:

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

Answer 2

The column header is configured in the column:

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

, css , . Inline Cell Editing, , YUI. ! , YUI !