JsonTree.js - Example - Array Paging Comparison Columns

This is an example that shows how to use paging to view array items across multiple columns (turn on full-screen mode to see it better) with value comparisons enabled (click any property to see it in action).

Download Now

v4.7.0 - 10th Dec 2024
Code
                                    function bindingOptions() {
                                        return {
                                            openInFullScreenMode: true,
                                            paging: {
                                                enabled: true,
                                                columnsPerPage: 2,
                                                allowComparisons: true
                                            },
                                            data: [
                                                {
                                                    value1: true,
                                                    value2: "This is a string",
                                                    value3: new Date(),
                                                    value4: 5,
                                                    value5: null
                                                },
                                                {
                                                    value1: false,
                                                    value2: "This is another string",
                                                    value3: new Date(),
                                                    value4: 10,
                                                    value5: undefined
                                                }
                                            ]
                                        }
                                    }