Pivot grid sizing of columns

Am facing issue in the sizing of pivot grid.I have a big length values present in the treetable struture within the pivot grid so to see that fully i have to drag the treetable structure column if i do that am not able to see the rest of the columns other than treetable structure column.Below will explain my issue better i hope

https://snippet.webix.com/bf82iwxt

Tagged:

Comments

  • edited June 2018

    Hello,

    Well, if you drag the column to expand it to the full extend, it is quite expected that you will not see other columns - but then you can drag a bottom scrollbar to scroll to the right-hand columns.

    If it doesn't suit you, try adjusting row height to accomodate column data: https://snippet.webix.com/w4lc0fkx

    But please note that there should be spaces between words to that browser can correctly break it in lines.

  • @Helga , the below is the format of data i have and i dont have space between them :( ....So is thier any way i can wrap it up

    Eg:
    /uat/rasdfas/asdsa/asd/adsadasda/asdasd/asdasdasd/asdasdasdas/asdasda/asdsadasdas/asdasdasdasds/asdasdas/asdasdasda/asdasdasdasd/asdasdasd

  • edited June 2018

    Try adding extra CSS:

    .webix_pivot .webix_column.webix_first .webix_cell{
         word-wrap: break-word;
    }
    

    https://snippet.webix.com/9tsto97j

  • @Helga ,i tired the above too..it didnt work for me.It was not able to wrap the text

  • @Helga ,Thanks .... I got this working .....However for me all the rows height is getting increased irrespective of the length of data.But in the below example which you have shown only the row which is having big length data alone is bigger height rest of the rows is of the normal height .
    what do i miss ?
    https://snippet.webix.com/9tsto97j

    My snippet:
    datatable:{
    fixedRowHeight:false,
    rowLineHeight:20,
    rowHeight:50,
    on:{
    onResize:webix.once(function(){
    this.adjustRowHeight("name");
    })
    }
    },
    .webix_pivot .webix_column.webix_first .webix_cell{
    word-wrap: break-word;
    }

  • @Helga Another issue is the click to configure is not working for the below snippet after introduction of the "datatable"
    datatable:{
    fixedRowHeight:false,
    rowLineHeight:20,
    rowHeight:50,
    on:{
    onResize:webix.once(function(){
    this.adjustRowHeight("name");
    })
    }
    },

    https://snippet.webix.com/9tsto97j

  • edited June 2018

    Yep, datatable on property should not be modified not to interfere with the inner logic.

    Try calling the adjustRowHeight method within Pivot ready handler or just after its initialization: https://snippet.webix.com/a5m1zcv5

  • Hi @Helga ,
    but if we include that within ready function ,after we apply any filtering over the table the word wrap is going off.Only when the table is initially loaded it is showing up in word-wrapped way.
    can this be handled ?

  • You can additionally handler the onAfterLoad event of the inner datatable to track all moments when new data (filtered, structured) is parsed into it: https://snippet.webix.com/52dl19se

  • @Helga , Thanks a lot

  • @Helga
    https://snippet.webix.com/1jx7dqz4
    In the above snippet i have to wrap the error message column can this be done like we did for the datatable in the previous converations ?

    Thanks in advance

  • You can use pivot.$$("data") to access the datatable and from this point, you can use any API or events of datatable

    https://snippet.webix.com/iftpfpt2

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!