In Pivot Table, how to disable/hide the '[Click to configure]' feature?

Webix JS
1

With the PivotTable, how can I disable/hide the ‘[Click to configure]’ feature in the upper-left corner?

2

There is not such an option in pivot. But it is possible with the following workaround:

  • Try to block event bubbling in header cell as in:
<style>
   .message{
          width:100%;
          height:100%;
   }
<style>
...

var html = "<div class='message' onclick='event.cancelBubble=true;'></div>";
webix.i18n.pivot.pivotMessage = html ;
webix.ready(function(){
   ...
});
  • Also you will need customize css. 10px padding should be removed from the first header cell in order to make the div mentioned above full-size:
.webix_pivot .webix_first .webix_hcell{
      padding:0;
}
3

We will add “readonly” config option in the next pivot’s build, it will allow to enable|disable configuration panel.

4

Great! Thanks.

5

How to add sorting to the first column, after disabling configuration?