This is a migrated thread and some comments may be shown as answers.

Removing Whitespace on Right of Grid Column

1 Answer 494 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 1
Joel asked on 16 Aug 2017, 08:43 PM

How can the whitespace be removed in the columns shown in the attached .jpg.

The html for 2 columns is:

    <kendo-grid-column field="product" title="Product">
      <ng-template kendoGridEditTemplate let-formGroup>
        <kendo-dropdownlist [data]="products" [formControl]="formGroup.get('product')"></kendo-dropdownlist>
      </ng-template>
      <ng-template kendoGridFilterCellTemplate let-filter="filter" let-column="column">
        <kendo-grid-string-filter-cell [column]="column" [filter]="filter">
          <kendo-filter-contains-operator></kendo-filter-contains-operator>
          <kendo-filter-not-contains-operator></kendo-filter-not-contains-operator>
          <kendo-filter-eq-operator></kendo-filter-eq-operator>
          <kendo-filter-neq-operator></kendo-filter-neq-operator>
          <kendo-filter-startswith-operator></kendo-filter-startswith-operator>
          <kendo-filter-endswith-operator></kendo-filter-endswith-operator>
        </kendo-grid-string-filter-cell>
      </ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="priceType" title="PriceType" width="125">
      <ng-template kendoGridEditTemplate let-formGroup>
        <kendo-dropdownlist [data]="priceTypes" [formControl]="formGroup.get('priceType')"></kendo-dropdownlist>
      </ng-template>
      <ng-template kendoGridFilterCellTemplate let-filter="filter" let-column="column">
        <kendo-grid-string-filter-cell [column]="column" [filter]="filter">
          <kendo-filter-contains-operator></kendo-filter-contains-operator>
          <kendo-filter-not-contains-operator></kendo-filter-not-contains-operator>
          <kendo-filter-eq-operator></kendo-filter-eq-operator>
          <kendo-filter-neq-operator></kendo-filter-neq-operator>
          <kendo-filter-startswith-operator></kendo-filter-startswith-operator>
          <kendo-filter-endswith-operator></kendo-filter-endswith-operator>
        </kendo-grid-string-filter-cell>
      </ng-template>
    </kendo-grid-column>

Thank you.

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 18 Aug 2017, 05:07 PM
Hello,

In case you are trying to auto fit grid columns with headers included I would suggest you try setting a min-width for each column, using the columns.headerAttributes option as shown in the dojo example below:
http://dojo.telerik.com/EQuMoc

Give it a try and let me know if it works for you. If your requirements are different please modify the example above in order to demonstrate your scenario and elaborate a bit more what exactly you are trying to achive.

Regards,
Pavlina
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Joel
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or