Pro Pack
Docs HomeProduct SiteSupport
  • Introduction
  • Installation
  • Chart.js
    • Configuration
    • Data Binding
    • Data Labels
  • Dataset Filter Labels
    • Installation
    • Configuration
    • Data Binding
  • DataTables
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Date Range Picker
    • Configuration
    • Data Binding
    • Methods
  • iCheck
    • List
      • Configuration
      • Data Binding
      • Events
    • Filter
      • Configuration
      • Data Binding
  • Select2
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Sparklines
    • Installation
    • Configuration
    • Data Binding
  • Toastr
    • Configuration
  • Web Frameworks
Powered by GitBook
On this page

Was this helpful?

  1. iCheck
  2. Filter

Configuration

PreviousFilterNextData Binding

Last updated 4 years ago

Was this helpful?

Use the following configuration options to bind the iCheck Filter for WireBootstrap component.

Properties

Name

Default

Description

datamap

Used to bind data to the component. See for details.

checkList

The iCheck Filter for WireBootstrap component uses the iCheck List for WireBootstrap component internally. Use this pass-through property to set any setting for the iCheck List for WireBootstrap component.

color

green

Check item color. Valid values are black, red, green, blue, aero, grey, orange, yellow, pink, and purple.

rowsPerPage

10

Number of rows to display on each virtual page in the filter.

The following example creates a new instance of the iCheck Filter for WireBootstrap specifying that the component how 30 records per page.

const filter = new wire.icheckFilter().render("#filter", {
    ...
    rowsPerPage: 30
});
Data Binding
native configuration