Remove checkbox from Wijmo FlexGrid

Remove checkbox from Wijmo FlexGrid

Posted by: sskss1ss2 on 26 March 2024, 8:19 pm EST

• 

  sskss1ss2

  • Post Options:
  • Link
    Copy

  Posted 26 March 2024, 8:19 pm EST

  Hi,
  
  i’ve boolean column where all the values are either true/false. Due to this, the wijmo displays checkbox. Is there any way where i can remove checkbox and simply display value?

  Thanks

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 1 April 2024, 8:04 pm EST

  Hi,

  To convert your boolean column to show actual text rather than check boxes, you can change the column’s data type from boolean to string.

   var theGrid = new FlexGrid('#theGrid', {
      autoGenerateColumns: false,
      columns: [
        { binding: 'id', header: 'ID', width: 100, align: 'left' },
        {
          header: 'City',
          binding: 'city',
          width: 120,
        },
        {
          header: 'Active',
          binding: 'active',
          width: 100,
          align: 'left',
          dataType: DataType.String,
        },
      ],
      itemsSource: new CollectionView(getData()),
    });

  You can also refer to this sample link: https://stackblitz.com/edit/js-wee9ok?file=index.js

  API link: https://developer.mescius.com/wijmo/api/classes/Wijmo_Grid.Column.html#datatype

  Regards