Data Table API

The Data Table has a very intuitive and comprehensive component API for all your customization needs.

Configuring i18n

You can provide an object with already translated internationalization strings using the i18n property.

The strings contain interpolated values under the form of {value}.

export default {
    data() {
        return {
            i18n: {
                pagination: {
                    rowsPerPage: 'Show {rowsPerPage} entries',
                    rowsRange: 'Showing {rowsFrom} to {rowsTo} of {rowsCount} entries'
                filtering: {
                    inputPlaceholder: 'Search',
                    noResultsFound: 'No matching records found',
<i-datatable :columns="columns" :rows="rows" :i18n="i18n" />

Component API

Here you can find a list of the various customization options you can use for the datatable component as props, as well as available slots and events.

Data Table API

Sass Variables

Here you can find a list of the Sass variables you can use for the datatable component. If you're looking to find common variables that these rely on, you should take a look at the Sass Variables page.