Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.dhtmlx.com/suite/grid/api/grid_rangeselection_config/ below:

Website Navigation

• Previous

  multiSort

• Next

  resizable

JavaScript Grid - rangeSelection Config

pro version only

This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.

Optional. Enables/disables the RangeSelection module during the Grid initialization

rangeSelection?:
    | boolean
    | {
        disabled?: boolean;
    };

Default value: false

Example

const grid = new dhx.Grid("grid_container", {
    columns: [
        { id: "a", header: [{ text: "A" }] },
        { id: "b", header: [{ text: "B" }] },
    ],
    data: [
        { id: "1", a: "A1", b: "B1" },
        { id: "2", a: "A2", b: "B2" },
    ],
    rangeSelection: true // enables the Range module
});

The rangeSelection configuration object can have the following properties:

• disabled - (boolean) makes the module inactive upon initialization of the component

const grid = new dhx.Grid("grid_container", {
    // other configuration
    columns: [
        { id: "a", header: [{ text: "A" }] },
        { id: "b", header: [{ text: "B" }] },
    ],
    data: [
        { id: "1", a: "A1", b: "B1" },
        { id: "2", a: "A2", b: "B2" },
    ],
    rangeSelection: { disabled: true }
});

console.log(grid.range.isDisabled()); // -> `true` - module is inactive
grid.range.setRange({ xStart: "a", yStart: "1" }); // the range will not be set

Related articles:

• Managing RangeSelection in Grid
• Work with RangeSelection module

added in v9.2

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4