Pagination on k-table panel component

The CMS Questions
1

Not sure if im doing this right (not a wizard with Vue)

Trying to enable pagination on a k-table in a panel view. The table currently has 2100 rows in it. From looking at the component docs, this should work?

<template>
  <div>
    <k-table v-if="opsys.length" :columns="tablecolumns" :rows="opsys" :pagination="true" /> 
  </div>
</template>

<script lang="js">
export default {
  props: {
    name: String,
    columns: Object,
    options: Array,
    pagination: Boolean,
    rows: {
      type: Array,
      default() {
        return [];
      },
    },
    empty: String,
  },
2

The automatic docs are a bit misleading there sadly. It’s either an object or false what the pagination prop expect. The object should consist of keys/values that match the props of the k-pagination component as the object gets passed on as props for this component. The k-table component also doesn’t paginate the rows for you. It’s rather that you pass the pagination object to the component to inform you in what way your data/rows have been paginated so that it can display the right UI state for the pagination you already have done on the data.