Search code examples
angulardevextremedx-data-grid

how to change devextreme data grid boolean filter labels


The status field (last row), we want the filter options to say Active and Inactive instead of true false. There's a coding method to do this but we're creating the table using the template. I feel like this would be super easy to do I just don't see it in the documentation.

      <dxi-column dataField="TruckNumber" caption="Truck #" alignment="left"></dxi-column>
      <dxi-column dataField="PlateNumber" caption="License Plate #" alignment="left"></dxi-column>
      <dxi-column dataField="Phone" dataType="string" alignment="left"></dxi-column>
      <dxi-column dataField="Status" alignment="center"></dxi-column>

enter image description here

angular 4.4.6


Solution

  • You can use trueText and falseText options:

    <dxi-column dataField="Status" trueText="Active" falseText="Inactive" alignment="center"></dxi-column>