Treelist Multicolumn headers locked columns

1 Answer 85 Views
TreeList
m
Top achievements
Rank 1
Iron
Iron
m asked on 14 Jun 2021, 07:51 PM

I am using a treelist with multicolumn headers and I have the left side of the treelist locked with the right side columns scrollable horizontally... In my overall layout I have a left hand menu that expands/collapses.. The treelist loads/appears fine but when I collapse the left nav an issue appears where the headers and exterior of the treelist expands as it should but when scrolling the columns the right side keeps the original size which makes it appear that they are cutoff.. screenshot attached ... should i be calling some type of resize/reinitialize when collapsing/expanding the menu?

1 Answer, 1 is accepted

Sort by
1
Georgi Denchev
Telerik team
answered on 17 Jun 2021, 09:36 AM

Hello,

You could follow the approach from this Knowledge Base article about the grid and apply a min-width to the treelist's table:

https://docs.telerik.com/kendo-ui/knowledge-base/auto-resize-grid-when-hiding-and-showing-columns 

  <style>
    #treelist table {
      min-width:100%;
    }
  </style>

This should ensure that the columns fill all of the space.

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

m
Top achievements
Rank 1
Iron
Iron
commented on 30 Jun 2021, 07:13 PM | edited

I did try this approach and it is still reacting the same way when I expand the screen by collapsing my left hand navigation menu.. I am using locked columns as well... here is the screenshot. the headers are fine its just the rows on the right of the locked columns maintain the original width.
Georgi Denchev
Telerik team
commented on 05 Jul 2021, 08:34 AM

Hi,

I am unable to see the screenshot, could you please share it as a link?

Additionally I attempted to reproduce the described behavior in this dojo, but the columns seem to always take 100% of the table width:

https://dojo.telerik.com/@gdenchev/eroBeciQ 

Could you modify the example so the issue is reproduced and send it back to me? I should be able to provide further assistance after that.

Tags
TreeList
Asked by
m
Top achievements
Rank 1
Iron
Iron
Answers by
Georgi Denchev
Telerik team
Share this question
or