Introducing GROQ-powered Webhooks

Table

By ʞunp ʇɹǝdnɹ

Basic table support

Sanity Plugin Table

NPM version NPM downloads GitHub Release Date License

Sanity plugin that implements a table schema type and input component.



Notice: Version 2.x of this plugin includes a breaking change, see the Configuration section to migrate existing data.


example

Install

Install using the Sanity CLI.

$ sanity install table

Usage

Simply specify table as a field type in your schema.

export default {
  name: 'product',
  title: 'Product',
  type: 'document',
  fields: [
    {
      name: 'sizeChart',
      title: 'Size Chart',
      type: 'table', // Specify 'table' type
    },
  ],
};

Configuration

You can create a configuration file to provide the _type used for table row data. This is especially useful if you are upgrading or have existing data, as version 2.x of this plugin uses tableRow by default, replacing row used in version 1.x.

In your studio, create a config/table.json file (relative to the root directory). The rowType string value can be whatever you like. Use row if you are migrating existing data from version 1 to 2.

{
  "rowType": "row"
}

License

MIT

Install command

sanity install table

Contributor

Other plugins by author

Portable Text to Vue

A Vue component for rendering block content. Allows you to pass other Vue components as custom serializers.

ʞunp ʇɹǝdnɹ
Go to Portable Text to Vue