Articles in this section
Category / Section

How to hide the cell contents at initial load in TreeGrid

1 min read

In TreeGrid, user can hide the cell content without affecting the data source. It can be achieved by using QueryCellInfo client-side event. It is also possible to include other formatting options for the cell contents such as strikethrough, inserting hyperlink by using the QueryCellInfo event. Please refer the below code snippets for more details.

MVC

@(Html.EJ().Gantt("Gantt")
//…
.ClientSideEvents(eve =>{
eve.QueryCellInfo("queryCellInfo");
})
.Datasource(ViewBag.dataSource)
)
<script type="text/javascript">
function queryCellInfo(args) {
if (args.data.Id == 13) {
if (args.column.field == "Id" || args.column.field == "Name" ||                           args.column.field == "StartDate" ||                           args.column.field == "EndDate") {
args.cellElement.textContent = "DATA HIDDEN";
}
}
}
</script>      

You can find a sample for hiding the cell content in  a column using QueryCellInfo event here.

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment