dojo dataGrid column: how to force an empty column header?

Question

Is there any way to force a data grid column's header label to be empty? So far I tried to leave the label property empty, enter a single space, both as fixed text and using ssjs code. But unless I assign some "real" character to the label property the header shows the column's name.

Right now I "resolved" this using css, but since there are only generic style classe for all the column headers I needed to "hack" this using

.dojoxGridMasterHeader th.dojoxGridCell[idx="0"] div.dojoxGridSortNode{display:none}...

So I need to address each column by itself just to accomplish the same thing. Not nice.

Anyone having a better idea? Lothar

Knut Herrmann · Accepted Answer · 2015-07-20T06:02:40.723

1

Use a non-breaking space '\u00A0' as data grid column's header label.

    <xe:djxDataGridColumn
        id=...
        field=...
        label="#{javascript:'\u00A0'}">

edited Jul 20 '15 at 06:02

answered Jul 20 '15 at 05:26

Knut Herrmann

30,880
4
31
67

Works like a charm! I had tried to use " " but it wouldn't like that entity...- Thanks, Knut! – Lothar Mueller Jul 20 '15 at 12:24
...btw: you wouldn't know some secret trick how to apply a css class to an individual header element? – Lothar Mueller Jul 20 '15 at 12:25
I don't think there is a column's property for styling header or something similar. Your hack on client side would be a starting point to set a style class with CSJS. – Knut Herrmann Jul 20 '15 at 12:39

dojo dataGrid column: how to force an empty column header?

1 Answers1