Grid Column visibility is not working

Jzy

Asked On February 12, 2019 02:59 AM UTC

Hi,

I try to use the visibility for grid column, but as for the sample given in https://ej2.syncfusion.com/vue/documentation/grid/columns/#visibility, the ShipCity column is defined as visible false, however, from the preview, the column is still visible, so it is not working properly?

Thanks,

Jzy

Reply | Reply with quote

Pavithra Subramaniyam [Syncfusion]

Replied On February 13, 2019 05:18 AM UTC

Hi Jzy,

Sorry for the inconvenience caused.

You can set the visible property for Grid column as following in Vue. Please refer to the below code example and sample link.

[vue]

new Vue({

el: '#app',

template: `

<ejs-grid :dataSource="data" :allowPaging='true'>

<e-columns>

<e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>

<e-column field='CustomerID' headerText='Customer ID' width=120></e-column>

<e-column field='Freight' headerText='Freight' textAlign='Right' width=90></e-column>

<e-column field='ShipCity' :visible=false headerText='Ship City' width=120></e-column>

</e-columns>

</ejs-grid>

</div>

`,

Sample: https://plnkr.co/edit/6qpzU7IRaTa8sftfOUDI?preview&p=preview

However, we will correct the documentation for visibility and it will be refreshed in any of our upcoming release.

Regards,

Pavithra S.

Reply | Reply with quote

Jzy

Replied On February 13, 2019 07:05 AM UTC

Hi Pavithra,

Thank you so much for clarifying it. So one colon is missing in the example (:visible instead of visible) : )

Thanks,

Jzy

Reply | Reply with quote

Pavithra Subramaniyam [Syncfusion]

Replied On February 13, 2019 07:16 AM UTC

Hi Jzy,

Yes. You need to use the provided code(:visible) to achieve your requirement. We will change it in our documentation as well.

Please contact us if you need any further assistance. As always, we will be happy to assist you.

Regards,

Pavithra S.

Reply | Reply with quote

Arun Kumar

Replied On July 22, 2020 09:41 AM UTC

Hi Team,

Is it possible to hide column based on database value? If yes can you share some sample codes.

I am trying to hide/show column based on some boolean value from database.

Thank,

Arun

Reply | Reply with quote

Balaji Sekar [Syncfusion]

Replied On July 23, 2020 12:27 PM UTC

Hi Arun,

No, We can define the Grid column property(ex: visible) either with a one value(either true or false) to render, but each record has a different value defined to fields in database so we cannot apply that value to the Grid column property.

If we misunderstood your concern, please share your exact requirement to us that will help to validate further.

Regards,

Balaji Sekar

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
142604	Feb 12,2019 02:59 AM UTC	Jul 23,2020 12:27 PM UTC	Vue	5

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US