Home → Active Query Builder → Active Query Builder ASP.NET Edition → Hiding columns of the Query Columns Grid

10.3. Hiding columns of the Query Columns Grid

You can set the "display: none" attribute to appropriate styles in CSS file:

.ui-qb-grid-row-expression
.ui-qb-grid-row-aggregate
.ui-qb-grid-row-alias
.ui-qb-grid-row-sorting
.ui-qb-grid-row-sortingOrder
.ui-qb-grid-row-grouping
.ui-qb-grid-row-groupingCriterion
.ui-qb-grid-row-condition
.ui-qb-grid-row-conditionOr

For example:

<style type="text/css">
.ui-qb-grid-row-alias { display:none; }
</style>

Or you can do the same in JavaScript:

<script type="text/javascript">
$('.ui-qb-grid-row-alias').hide();
</script>