Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Column number can be hidden?

Answered
yanjun.chen asked on October 26, 2018

hello,
Sorry to bother you,
When we are a table state, I want to hide the row and column Numbers (the attachment indicates the position),How do we do that?
I am looking forward to your reply. Thank you very much.
 
 

Attachments:
row&col.png

3 answers

Public
Tanya Gryshko Flexmonster October 26, 2018

Hello, Yen,
Thank you for writing to us.
There is a showHeaders option capable of hiding the row and column numbers. Check out the demo on JSFiddle: http://jsfiddle.net/flexmonster/fe2k6m8y/75/.
Also, a lot of other useful options are available in our docs: Options Object.
Please let me know in case of any other questions.
Regards,
Tanya

Public
Serban Vasile March 4, 2020

This is nice, BUT the showHeaders=false option is NOT effective until the pivot received data. If we have a screen with a pivot that we refresh later than initialization of the page, we will still see the ugly column headers when we launch the page. Also, it would be nice if we could hide the individual column filter icons (the gears), along with hiding the column headers. That way our pivot, in case we want to show one row only (as a slim summary record) becomes a very useful tool. Can you please reply if these are possible options for us?

Public
Vera Didenko Flexmonster March 4, 2020

Hello, Vasile,
 
Thank you for reaching out to us.
 
For such cases, we kindly advise setting the showHeaders option in the global object. The options that are defined in the global object have a higher priority and, therefore, they shouldn’t get reset when Flexmonster is refreshed.
For more information about the global object, please see our guide

Regarding hiding the filter icons and the column headers, this can be achieved by setting the showFilter and showHierarchyCaptions grid options to false, for example:

global: {
options: {
grid: {
showHeaders: false,
showFilter: false,
showHierarchyCaptions: false
}
}
}

 
Please see the following JSFiddle examples we have prepared for you:

  1. This JSFiddle example illustrates how the column and row numbers can be hidden before the data is loaded. Also, the filter icons are not displayed: https://jsfiddle.net/flexmonster/2oxkhtcm/
  2. In addition, the field headers can be hidden as well by setting the showHierarchyCaptions grid option to false: https://jsfiddle.net/flexmonster/1ept8b7q/
  3. If desired, it is also possible to hide the grid cell borders with additional CSS: https://jsfiddle.net/flexmonster/r46tLn1c/

 
We hope this helps.
Please let us know if this works fine for you.
 
Looking forward to your reply.

Kind regards,
Vera

Please login or Register to Submit Answer