Docs
API
  • select

    Select column type

    Select column. It enables checkbox row selection.

    Example

    
    columns: [{
    ...
    },{
      type: 'select',
      locked: true
    },{
    ...
    

    cls

    String

    Column css className.

    
    .my-select {
      background-color: #ccc;
    }
    ...
    columns: [{
      type: 'select',
      cls: 'my-select'
    },{
    ...
    

    hidden

    Boolean

    Hide column on start.

    
    {
      index: 'married',
      resizable: true,
      type: 'checkbox',
      title: 'Married',
      width: 100,
      hidden: true
    }
    
    false

    lockable

    Boolean

    Enable/disable column locking.

    
    locked: false,
    
    true

    locked

    Boolean

    Locking column.

    
    {
      type: 'select',
      width: 65,
      locked: true
    }
    
    False

    maxWidth

    Number

    The maximum width of column.

    
    maxWidth: 150,
    

    menu

    Boolean

    Enables column menu.

    
    menu: true,
    
    false

    minWidth

    Number

    The minimum width of column.

    
    minWidth: 80,
    

    resizable

    Boolean

    Enable resizing of column.

    
    resizable: true,
    
    False

    rightLocked

    Boolean

    Locking column to right side.

    
    {
      type: 'select',
      width: 65,
      rightLocked: true
    }
    
    False

    type

    String

    Column type.

    
    {
      type: 'select'
    }
    

    width

    Number

    column width.

    
    {
      type: 'select',
      width: 65
    }