Inkline

Data Table Scrolling

Inkline's Data Table supports a large number of columns easily using horizontal scrolling and sticky columns.

export default {
    data() {
        return {
            columns: [
                { title: 'Name', path: 'name' },
                { title: 'Position', path: 'position' },
                { title: 'Age', path: 'age' },
                { title: 'City', path: 'address.city' },
                { title: 'Country', path: 'address.country' },
                { title: 'Email', path: 'email' }
            ],
            rows: [ ... ]
        }
    }
}

By default, sorting for the string, number and Date value types is supported natively.

Data Table Default Scrolling

Sticky Columns

By setting the sticky column property to true, you can easily make columns stick while scrolling horizontally.

export default {
    data() {
        return {
            columns: [
                { title: 'Name', path: 'name', sticky: true },
                { title: 'Email', path: 'email' },
                { title: 'Age', path: 'age' },
                ...
            ],
            rows: [ ... ]
        }
    }
}
Data Table Default Scrolling

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!